/* Adapted GTK-4.0 CSS by PaulXFCE*/
/***************
 * Base States *
 ***************/
.background {
  color: @text_color;
  background-color: @base_bg_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
}
/*.background:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none; 
}*/
/*dnd stands for drag-and-drop*/
dnd {
  color: @text_color; }

.normal-icons {
  -gtk-icon-size: 16px;
}
.large-icons {
  -gtk-icon-size: 32px;
}
/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Every time a wildcard is used a kitten dies, painfully.
*/
spinner:disabled,
arrow:disabled,
scrollbar:disabled,
check:disabled,
radio:disabled,
treeview.expander:disabled {
  -gtk-icon-filter: opacity(0.5);
}
.view, 
iconview,
textview > text {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  background-color: @theme_base_color;
}  
.view:disabled,
iconview:disabled,
textview > text:disabled {
  color: @disabled_text_color;
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);  
  background-color: @insensitive_bg_color;
}
.view:selected:focus,
iconview:selected:focus,
.view:selected,
iconview:selected,
textview > text:selected:focus,
textview > text:selected {
  border-radius: 3px;
}
textview:drop(active) {
  caret-color: #2ec27e;
}
textview > border {
  background-color: @borders_light;
}
iconview {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
iconview:focus:focus-visible {
  outline-color: @color_500;/*rgba(22, 160, 133, 0.5);*/
  outline-width: 2px;
  outline-offset: -2px;
}
iconview:drop(active) {
  box-shadow: none;
}
iconview > dndtarget:drop(active) {
  border-style: solid;
  border-width: 1px;
  border-color: #0d5d4d;
}
rubberband,
.content-view > rubberband,
columnview.view > rubberband,
treeview.view > rubberband,
gridview > rubberband,
flowbox > rubberband {
  border: 1px solid alpha(@icontext_selected_bg,0.5);
  background-image: image(alpha(shade(@icontext_selected_bg,0.9),0.08));
}
flowbox > flowboxchild {
  padding: 3px;
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
flowbox > flowboxchild {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
flowbox > flowboxchild:focus:focus-visible {
  outline-color: alpha(@color_600,0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
flowbox > flowboxchild:selected {
  outline-color: rgba(255, 255, 255, 0.8);
}
gridview > child {
  padding: 3px;
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
gridview > child {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
gridview > child:focus:focus-visible {
  outline-color: alpha(@color_600,0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
gridview > child:selected {
  outline-color: rgba(255, 255, 255, 0.8);
}
gridview > child box {
    border-spacing: 8px;
    margin: 12px;
}
coverflow cover {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  background-color: @theme_base_color;
  border: 1px solid @borders;
}
label {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
label:focus:focus-visible {
  outline-color: alpha(@color_600,0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
label > selection {
  background-color: @color_600;
  color: @selected_text_color;
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.4),
				  0px   -1px alpha(@selected_text_shadow_color, 0.12),
				  0px    1px alpha(@selected_text_shadow_color, 0.4),
				  1px    0px alpha(@selected_text_shadow_color, 0.12),
				 -1px    0px alpha(@selected_text_shadow_color, 0.12);
}
label:disabled {
  color:@disabled_text_color;     
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12); 
}
button label:disabled {
  color: inherit;
}
label.error {
  color: #cc0000;
}  
label.error:disabled {
  color: rgba(204, 0, 0, 0.5);
}
.dim-label,
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle,
spinbutton.vertical > text > text > placeholder,
spinbutton:not(.vertical) > text > placeholder,
entry > text > placeholder,
label.separator {
  opacity: 0.55;
  text-shadow: none;
}
window.assistant .sidebar {
  padding: 5px;
  border-top: 1px solid @borders;
}
window.assistant.csd .sidebar {
  border-top-style: none;
}
window.assistant .sidebar > label {
  padding: 6px 12px;
}
window.assistant .sidebar > label.highlight {
  background-color: @theme_unfocused_bg_color;
  border-radius: 5px;
}
window.aboutdialog image.large-icons {
  -gtk-icon-size: 128px;
}
.osd .scale-popup,
.app-notification,
.osd popover.background > arrow,
.osd popover.background > contents,
popover.background.touch-selection > arrow,
popover.background.touch-selection > contents,
popover.background.magnifier > arrow,
popover.background.magnifier > contents,
.osd {
  color: @osd_button_text_color;
  border: none;
  background-color: alpha(@osd_button_color,0.7);
  background-clip: padding-box;
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
/*********************
 * Spinner Animation *
 *********************/
@keyframes spin {
  to {
    transform: rotate(1turn); } }

spinner {
  background: none;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
}
spinner:checked {
  opacity: 1;
  animation: spin 1s linear infinite;
}
spinner:checked:disabled {
  opacity: 0.5;
}
/**********************
 * General Typography *
 **********************/
.large-title {
  font-weight: 300;
  font-size: 24pt;
}
.title-1 {
  font-weight: 800;
  font-size: 20pt;
}
.title-2 {
  font-weight: 800;
  font-size: 15pt;
}
.title-3 {
  font-weight: 700;
  font-size: 15pt;
}
.title-4 {
  font-weight: 700;
  font-size: 13pt;
}
.heading {
  font-weight: 700;
  font-size: 11pt;
}
.body {
  font-weight: 400;
  font-size: 11pt;
}
.caption-heading {
  font-weight: 700;
  font-size: 9pt;
}
.caption {
  font-weight: 400;
  font-size: 9pt;
}
/****************
 * Text Entries *
 ****************/
spinbutton.vertical > text, 
spinbutton:not(.vertical),
entry {
  min-height: 24px;
  padding:0 8px;
  border: 1px solid @borders;
  border-radius: 4.66px;
  /*border-spacing: 6px;*/
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  background-color: shade(@button_color,0.90);
  box-shadow:inset 0 1px 2px alpha(@shadows_dark, 0.25);
}
spinbutton.vertical > text,
spinbutton:not(.vertical),
entry {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
spinbutton.vertical > text:focus-within,
spinbutton:focus-within:not(.vertical),
entry:focus-within {
  outline-color: @color_500;/*rgba(22, 160, 133, 0.5);*/
  outline-width: 2px;
  outline-offset: -2px;
}
spinbutton.vertical > text > image.left,
spinbutton:not(.vertical) > image.left,
entry > image.left {
  margin-right: 6px;
}
spinbutton.vertical > text > image.right,
spinbutton:not(.vertical) > image.right,
entry > image.right {
  margin-left: 6px;
}
spinbutton.vertical > text > text > block-cursor,
spinbutton:not(.vertical) > text > block-cursor,
entry > text > block-cursor {
  color: #ffffff;
  background-color: black;
}
spinbutton.vertical > text.flat,
spinbutton.flat:not(.vertical),
entry.flat:focus-within,
/*entry.flat:backdrop,*/
entry.flat:disabled,
entry.flat {
  min-height: 0;
  padding: 2px;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
}
spinbutton.vertical > text:focus-within > placeholder,
spinbutton:focus-within:not(.vertical) > placeholder,
entry:focus-within > placeholder {
  opacity: 0;
    /* We hide placeholders on focus */
}
spinbutton.vertical > text:disabled,
spinbutton:disabled:not(.vertical),
entry:disabled {
  color:@disabled_text_color;     
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: @borders;
  background-color: @insensitive_bg_color;
}
spinbutton.vertical > text.error,
spinbutton.error:not(.vertical),
entry.error {
  color: @color_destructive;/* #cc0000;*/
}
spinbutton.vertical > text.error,
spinbutton.error:not(.vertical),
entry.error {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
spinbutton.vertical > text.error:focus-within,
spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
  outline-color: @color_destructive;/*rgba(204, 0, 0, 0.5);*/
  outline-width: 2px;
  outline-offset: -2px;
}
spinbutton.vertical > text.error > selection,
spinbutton.error:not(.vertical) > selection,
entry.error > selection {
  background-color: @color_destructive;/*#cc0000;*/
}
spinbutton.vertical > text.warning,
spinbutton.warning:not(.vertical),
entry.warning {
  color: #f57900;
}
spinbutton.vertical > text.warning,
spinbutton.warning:not(.vertical),
entry.warning {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
spinbutton.vertical > text.warning:focus-within,
spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
  outline-color: @warning_color;/*rgba(245, 121, 0, 0.5);*/
  outline-width: 2px;
  outline-offset: -2px;
}
spinbutton.vertical > text.warning > selection,
spinbutton.warning:not(.vertical) > selection,
entry.warning > selection {
  background-color: @warning_color;/*#f57900;*/
}
spinbutton.vertical > text > image,
spinbutton:not(.vertical) > image,
entry > image {
  color: alpha(@text_color,0.92); 
  -gtk-icon-shadow: 0 1px @shadows_dark;/*#585d5e;*/
}
spinbutton.vertical > text > image:hover,
spinbutton:not(.vertical) > image:hover,
entry > image:hover {
  color: @text_color;
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton.vertical > text > image:active,
spinbutton:not(.vertical) > image:active,
entry > image:active {
  color: @color_600;
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
entry.password image.caps-lock-indicator {
  color: alpha(@text_color,0.82);
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton.vertical > text:drop(active),
spinbutton:drop(active):not(.vertical),
entry:drop(active):focus-within,
entry:drop(active) {  
  border-color: @drop_color;
  box-shadow: inset 0 0 0 1px @drop_color;
}
.osd spinbutton.vertical > text,
.osd spinbutton:not(.vertical),
.osd entry {
  color:@osd_button_text_color;
  text-shadow: -0.1px    0px alpha(@osd_button_text_color, 0.2),
		        0.1px    0px alpha(@osd_button_text_color, 0.2),
		          0px  0.1px alpha(@osd_button_text_color, 0.2),
		          0px -0.1px alpha(@osd_button_text_color, 0.2),
                  0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		          0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	              1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	             -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: alpha(@osd_button_color,0.9);
  background-clip: padding-box;
  box-shadow: none;
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.osd spinbutton.vertical > text:focus-within,
.osd spinbutton:focus-within:not(.vertical),
.osd entry:focus-within {
  color: @osd_button_text_color;
  text-shadow: -0.1px    0px alpha(@osd_button_text_color, 0.2),
		        0.1px    0px alpha(@osd_button_text_color, 0.2),
		          0px  0.1px alpha(@osd_button_text_color, 0.2),
		          0px -0.1px alpha(@osd_button_text_color, 0.2),
                  0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		          0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	              1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	             -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: @color_600;
  background-color: alpha(@osd_button_color,0.9);
  background-clip: padding-box;
}
.osd spinbutton.vertical > text:disabled,
.osd spinbutton:disabled:not(.vertical),
.osd entry:disabled {
  color: @disabled_text_color;
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: alpha(@osd_button_color,0.7);
  background-clip: padding-box;
}
spinbutton.vertical > text > progress,
spinbutton:not(.vertical) > progress,
entry > progress {
  margin-bottom: 2px;
}
spinbutton.vertical > text progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry progress > trough > progress {
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  border-width: 0 0 2px;
  border-color: @color_600;
  border-style: solid;
  box-shadow: none;
}
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text,
spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button,
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry,
.linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + menubutton > button,
.linked:not(.vertical) > entry:drop(active) + dropdown > button,
.linked:not(.vertical) > entry:drop(active) + colorbutton > button,
.linked:not(.vertical) > entry:drop(active) + fontbutton > button,
.linked:not(.vertical) > entry:drop(active) + filechooserbutton > button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo,
spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text,
.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:drop(active) + entry {
  border-left-color: @drop_color;
}
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled),
spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled),
spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical),
.linked.vertical > entry:not(:disabled) + entry:not(:disabled),
spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled),
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
  border-top-color: #eeeeee;
}
spinbutton.vertical.linked > text:disabled + text:disabled,
spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled,
spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical),
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical),
spinbutton.vertical.linked > text:disabled + entry:disabled,
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled,
spinbutton.vertical.linked > entry:disabled + text:disabled,
.linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical),
.linked.vertical > entry:disabled + entry:disabled {
  border-top-color: #eeeeee;
}
spinbutton.vertical.linked > text + text:drop(active):not(:only-child),
spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child),
spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
spinbutton.vertical.linked > text + entry:drop(active):not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child),
spinbutton.vertical.linked > entry + text:drop(active):not(:only-child),
.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > entry + entry:drop(active):not(:only-child) {
  border-top-color: @drop_color;
}
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text,
spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button,
spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text,
.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:drop(active):not(:only-child) + entry,
.linked.vertical > entry:drop(active):not(:only-child) + button,
.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button,
.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button,
.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button,
.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button,
.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button,
.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo {
  border-top-color: @drop_color; 
}
spinbutton.vertical > text.error,
spinbutton.error:not(.vertical),
entry.error {
  color: #cc0000;
}

treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
  background-color: @theme_base_color;
  transition-property: color, background;
}

treeview entry.flat, 
treeview entry {
  border-radius: 0;
  background-image: none;
  background-color: @theme_base_color;
}
treeview entry.flat:focus-within,
treeview entry:focus-within {
  border-color: @color_600;
}

/*******************
 * Editable Labels *
 *******************/
editablelabel > stack > text {
  color: black;
  border-color: @borders;
  background-color: @theme_base_color;
}

/***********
 * Buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: radial-gradient(farthest-side, @color_600 0%, alpha(@color_600,0) 0%); }
  to {
    background-image: radial-gradient(farthest-side, @color_600 95%, alpha(@color_600,0)); } }

notebook > header > tabs > arrow,
/*windowcontrols button,*/
button {
  min-height: 22px;
  min-width: 16px;
  padding: 1px 6px;
  border: 1px solid @borders;
  border-radius: 4.66px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  outline-color: alpha(@color_600,0.5);
  background-image: linear-gradient(@button_color,shade(@button_color,0.82));	         
  -gtk-icon-shadow: 0 1px alpha(@shadows_light,0.769231); 
        box-shadow: 
                    0 1px 2px alpha(@shadows_dark, 0.02);
}
notebook > header > tabs > arrow, 
/*windowcontrols button,*/
button {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
notebook > header > tabs > arrow:focus:focus-visible,
button:focus:focus-visible {
  outline-color: alpha(@color_600,0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
notebook > header > tabs > arrow:hover,
button:hover {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  border-color: @borders;
  background-image: image(@button_color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); 
  -gtk-icon-filter: brightness(1.2);
}
notebook > header > tabs > arrow:active,
notebook > header > tabs > arrow:checked,
button:active,
button:checked {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
    border-color: @borders;
      background-image: linear-gradient(to top,@button_color,shade(@button_color,0.93));
  -gtk-icon-shadow: none;
        box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.12),
                    0 1px 2px alpha(@shadows_dark, 0.02);
    transition-duration: 50ms;
}
notebook > header > tabs > arrow:checked:hover,
button:checked:hover {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
    border-color: @borders;
    background-image: linear-gradient(to top,@button_color,
                                             shade(@button_color,0.93));
    box-shadow:inset 0 1px 1px alpha(@shadows_dark, 0.06), 
               0 1px 2px alpha(@shadows_dark, 0.02);
}
notebook > header > tabs > arrow:checked:active,
button:checked:active {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
    border-color: @borders;
    background-image: linear-gradient(to top,@button_color,
                                             shade(@button_color,0.93));
    box-shadow:inset 0 1px 1px alpha(@shadows_dark, 0.06), 
               0 1px 2px alpha(@shadows_dark, 0.02);
}
/*notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop {
  color: #929596;
  border-color: #d0d0d0;
  background-image: image(whitesmoke);
  box-shadow: none;
  transition: 200ms ease-out;
  -gtk-icon-filter: none;
}
notebook > header > tabs > arrow:backdrop:active,
notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop:active,
button:backdrop:checked {
  color: #929596;
  border-color: #d0d0d0;
  background-image: image(#e7e7e7);
  box-shadow: none;
}
notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled,
button:backdrop:disabled {
  color: #cfcfcf;
  border-color: #d0d0d0;
  background-image: image(#f9f9f9);
  box-shadow: none;
}
notebook > header > tabs > arrow:backdrop:disabled:active,
notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
  color: #cfcfcf;
  border-color: #d0d0d0;
  background-image: image(#e7e7e7);
  box-shadow: none;
}*/
notebook > header > tabs > arrow:disabled,
button:disabled {
  color: @disabled_text_color;
  text-shadow:none;
  border-color: alpha(@borders,0.8);
  background-image: image(transparent);
}
notebook > header > tabs > arrow:disabled:active,
notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
  color: @disabled_text_color;
  text-shadow:none;
  border-color: alpha(@borders,0.8);
  background-image: image(@theme_unfocused_bg_color);
  box-shadow: none;
}
button.sidebar-button, notebook > header > tabs > arrow,
/*windowcontrols button,*/
notebook > header > tabs > arrow.flat,
button.flat {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  transition: none;
}
button.sidebar-button:hover,
notebook > header > tabs > arrow:hover,
/*windowcontrols button:hover,*/
button.flat:hover {
  border-color: transparent;
  background-image: none;
  box-shadow: none;
  background-color: transparent;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-duration: 500ms;
}
button.sidebar-button:active,
notebook > header > tabs > arrow:active,
/*windowcontrols button:active,*/
button.sidebar-button:checked,
notebook > header > tabs > arrow:checked,
/*windowcontrols button:checked,*/
button.flat:active,
button.flat:checked {
  border-color: transparent;
  background-image: none;
  box-shadow: none;
  background-color:shade(@theme_unfocused_bg_color,0.9);
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/*button.sidebar-button:backdrop,
notebook > header > tabs > arrow:backdrop,*/
/*windowcontrols button:backdrop,*/
button.sidebar-button:disabled,
notebook > header > tabs > arrow:disabled,
/*windowcontrols button:disabled,*/
/*button.flat:backdrop,*/
button.flat:disabled
/*button.flat:backdrop:disabled*/ {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
notebook > header > tabs > arrow.image-button,
button.image-button {
  min-width: 24px;
  padding-left: 2px;
  padding-right: 2px;
}
notebook > header > tabs > arrow.text-button,
button.text-button {
  padding-left: 16px;
  padding-right: 16px;
}
notebook > header > tabs > arrow.text-button.image-button,
button.text-button.image-button {
  padding-left: 8px;
  padding-right: 8px;
}
notebook > header > tabs > arrow.text-button.image-button label,
button.text-button.image-button label {
      padding-left: 8px;
      padding-right: 8px;
}
dropdown:drop(active) button.combo,
combobox:drop(active) button.combo,
notebook > header > tabs > arrow:drop(active),
button:drop(active) {
  color: @drop_color; 
  border-color: @drop_color; 
  box-shadow: inset 0 0 0 1px @drop_color;
}
row:selected button {
  border-color: @color_800;
}
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled),
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
  color: @selected_text_color; 
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.4),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color: transparent;
}
/*row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop,
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
  color: #fcfcfc;
}*/
button.osd {
  min-width: 26px;
  min-height: 32px;
  border-radius: 4.66px;
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12); 
  outline-color: alpha(@color_600,0.5);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent;
  background-image: linear-gradient(shade(@osd_button_color,1.02),
                                    shade(@osd_button_color,0.88)); 
  background-clip: padding-box;
  box-shadow: none;
}
button.osd.image-button {
  min-width: 30px;
} 
button.osd.image-button:only-child {
  margin: 4px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} 
button.osd:hover {
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent;
  -gtk-icon-shadow: none;
  background-image: image(@osd_button_color);
  background-clip: padding-box;
  box-shadow: none;
}
button.osd:active,
button.osd:checked {
  color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.4),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  -gtk-icon-shadow: none;
}
.app-notification button,
popover.background.touch-selection button,
popover.background.magnifier button, 
.osd button {
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12); 
  outline-color: alpha(@color_600,0.5);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent;
  background-image: linear-gradient(shade(@osd_button_color,1.02),
                                    shade(@osd_button_color,0.88)); 
  background-clip: padding-box;
  box-shadow: none;
}
.app-notification button:hover,
popover.background.touch-selection button:hover,
popover.background.magnifier button:hover,
.osd button:hover {
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent;
  -gtk-icon-shadow: none;
  background-image: image(@osd_button_color);
  background-clip: padding-box;
  box-shadow: none;
}
.app-notification button:active,
popover.background.touch-selection button:active,
popover.background.magnifier button:active,
.app-notification button:checked,
popover.background.touch-selection button:checked,
popover.background.magnifier button:checked,
/*.osd button:active:backdrop,*/
.osd button:active, 
/*.osd button:checked:backdrop,*/
.osd button:checked {
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent;
  -gtk-icon-shadow: none;
  background-image: image(shade(@osd_button_color,0.9));
  background-clip: padding-box;
  box-shadow: none;
}
.app-notification button:disabled,
popover.background.touch-selection button:disabled,
popover.background.magnifier button:disabled,
/*.osd button:disabled:backdrop,*/
.osd button:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px   0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;
}
.app-notification button.flat,
popover.background.touch-selection button.flat,
popover.background.magnifier button.flat,
.osd button.flat {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-shadow:      0 1px @shadows_dark; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.app-notification button.flat:hover,
popover.background.touch-selection button.flat:hover,
popover.background.magnifier button.flat:hover,
.osd button.flat:hover {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.4),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: image(@osd_button_color); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.app-notification button.flat:disabled,
popover.background.touch-selection button.flat:disabled,
popover.background.magnifier button.flat:disabled,
.osd button.flat:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);  
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none;
  -gtk-icon-shadow: none;
}
.app-notification button.flat:active,
popover.background.touch-selection button.flat:active,
popover.background.magnifier button.flat:active,
.app-notification button.flat:checked,
popover.background.touch-selection button.flat:checked,
popover.background.magnifier button.flat:checked,
.osd button.flat:active,
.osd button.flat:checked {
   color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
button.suggested-action {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  outline-color: alpha(@selected_text_color, 0.8);
  border-color: @color_700;
  -gtk-icon-shadow: none;
  background-image: linear-gradient(to top, @color_700, @color_600);
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.2);
} 
button.suggested-action {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
button.suggested-action:focus:focus-visible {
  outline-color: alpha(@selected_text_color, 0.8);
  outline-width: 2px;
  outline-offset: -2px;
}
button.suggested-action.flat {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: @color_600;
}
button.suggested-action:hover {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  border-color: @color_700;
  -gtk-icon-shadow: none; 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.12); 
  background-image: linear-gradient(to top, @color_600, @color_600); 
} 
button.suggested-action:active,
button.suggested-action:checked {
  color:  @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);    
  border-color: @color_700;
  background-image: linear-gradient(to top, @color_600, @color_700); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.12); 
  -gtk-icon-shadow: none;
}
  
button.suggested-action.flat:disabled {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: alpha(@color_600,0.8);
}
button.suggested-action:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: alpha(@borders,0.92);
  background-image:image(@insensitive_bg_color); 
}  
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);    
  border-color: @borders; 
  background-image: linear-gradient(to top, @color_600, @color_700); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
  -gtk-icon-shadow: none;
}
.osd button.suggested-action {
  outline-color: alpha(@selected_text_color,0.8);
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color:     alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_500);  
  background-clip:  padding-box; 
  box-shadow:       none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.osd button.suggested-action:hover {
  outline-color: alpha(@selected_text_color,0.8);
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color:     alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_600);  
  background-clip:  padding-box; 
  box-shadow:       none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
/*.osd button.suggested-action:active:backdrop,*/
.osd button.suggested-action:active,
/*.osd button.suggested-action:checked:backdrop,*/
.osd button.suggested-action:checked {
  outline-color: alpha(@selected_text_color,0.8);
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color:     alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_700);  
  background-clip:  padding-box; 
  box-shadow:       none;  
  -gtk-icon-shadow: none;
}
/*.osd button.suggested-action:disabled:backdrop,*/
.osd button.suggested-action:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;
}
button.destructive-action {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  outline-color: alpha(@selected_text_color, 0.8);
  border-color: @borders; 
  background-image: linear-gradient(to top, shade(@color_destructive,0.9),               @color_destructive);
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);
}
button.destructive-action {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
button.destructive-action:focus:focus-visible {
  outline-color: alpha(@selected_text_color,0.8);
  outline-width: 2px;
  outline-offset: -2px;
}
button.destructive-action.flat {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  color: @color_destructive;
}
button.destructive-action:hover {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color: @borders;
  background-image: linear-gradient(to top, shade(@color_destructive,1.08), 
                                            shade(@color_destructive,1.08));
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
}
button.destructive-action:active,
button.destructive-action:checked {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12);
  border-color: @borders;
  background-image: linear-gradient(to bottom, shade(@color_destructive,0.92), 
                                               shade(@color_destructive,1.06));
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);
}
button.destructive-action.flat:disabled {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  text-shadow:none; 
  box-shadow: none;
  color: alpha(@color_destructive,0.8);
}
button.destructive-action:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-image: image(transparent);
}
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.8);
  background-image: image(@theme_unfocused_bg_color);
  box-shadow: none;
}
.osd button.destructive-action {
  color: #eeeeec;
  outline-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(224, 27, 36, 0.5));
  background-clip: padding-box;
  box-shadow: none;
}
.osd button.destructive-action:hover {
  color: white;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(224, 27, 36, 0.7));
  background-clip: padding-box;
  box-shadow: none;
}
/*.osd button.destructive-action:active:backdrop,*/
.osd button.destructive-action:active,
/*.osd button.destructive-action:checked:backdrop,*/
.osd button.destructive-action:checked {
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.4),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, shade(@color_destructive,0.9), 
                                            @color_destructive);
  background-clip: padding-box; 
  box-shadow: none;
}
/*.osd button.destructive-action:disabled:backdrop,*/
.osd button.destructive-action:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color:     alpha(@borders_dark,0.7);
  background-color: transparent;
  background-image: image(alpha(@osd_buton_color,0.7));
  background-clip: padding-box;
}
stackswitcher > button > label {
  padding: 0 6px;
  margin: 0 -6px;
}
stackswitcher > button > image {
  padding: 3px 6px;
  margin: -3px -6px;
}
button.font separator {
  background-color: transparent;
}
button.font > box {
  border-spacing: 6px;
}
button.font > box > box > label {
  font-weight: bold;
}
button.circular {
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border-radius: 9999px;
}
  
button.circular label {
  padding: 0;
}

stacksidebar row.needs-attention > label, 
stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image {
  animation: needs_attention 150ms ease-in;
  background-image: radial-gradient(farthest-side, @color_600 96%, alpha(@color_600,0));
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  background-position: right 3px, right 4px; 
}
stacksidebar row.needs-attention > label:backdrop,
stackswitcher > button.needs-attention > label:backdrop,
stackswitcher > button.needs-attention > image:backdrop {
  background-size: 6px 6px, 0 0;
}
stacksidebar row.needs-attention > label:dir(rtl),
stackswitcher > button.needs-attention > label:dir(rtl),
stackswitcher > button.needs-attention > image:dir(rtl) {
  background-position: left 3px, left 4px;
}
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo,
.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo,
.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo,
.linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo,
.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo,
.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo,
dropdown.linked button:nth-child(2):dir(ltr),
combobox.linked button:nth-child(2):dir(ltr),
.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button,
.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button,
.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button,
.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button,
.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button,
.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child),
.linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):not(:last-child),
.linked:not(.vertical) > button:dir(rtl):not(:last-child),
spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child),
.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical),
.linked:not(.vertical) > entry:dir(ltr):not(:first-child),
.linked:not(.vertical) > button:dir(ltr):not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo,
.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo,
.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo,
.linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo,
.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo,
.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo,
dropdown.linked button:nth-child(2):dir(rtl),
combobox.linked button:nth-child(2):dir(rtl),
.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button,
.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button,
.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button,
.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button,
.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button,
.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child),
.linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):not(:first-child),
.linked:not(.vertical) > button:dir(rtl):not(:first-child),
spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child),
.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical),
.linked:not(.vertical) > entry:dir(ltr):not(:last-child),
.linked:not(.vertical) > button:dir(ltr):not(:last-child) {
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo,
.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo,
.linked.vertical > combobox:not(:first-child) > box > button.combo,
.linked.vertical > menubutton:not(:first-child) > button,
.linked.vertical > dropdown:not(:first-child) > button,
.linked.vertical > colorbutton:not(:first-child) > button,
.linked.vertical > fontbutton:not(:first-child) > button,
.linked.vertical > filechooserbutton:not(:first-child) > button,
spinbutton.vertical.linked > text:not(:first-child),
.linked.vertical > spinbutton:not(:first-child):not(.vertical),
.linked.vertical > entry:not(:first-child),
.linked.vertical > button:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo,
.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo,
.linked.vertical > combobox:not(:last-child) > box > button.combo,
.linked.vertical > menubutton:not(:last-child) > button,
.linked.vertical > dropdown:not(:last-child) > button,
.linked.vertical > colorbutton:not(:last-child) > button,
.linked.vertical > fontbutton:not(:last-child) > button,
.linked.vertical > filechooserbutton:not(:last-child) > button,
spinbutton.vertical.linked > text:not(:last-child),
.linked.vertical > spinbutton:not(:last-child):not(.vertical),
.linked.vertical > entry:not(:last-child),
.linked.vertical > button:not(:last-child) {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.scale-popup button:hover,
button.link,
button.link:hover,
button.link:active,
button.link:checked,
popover.menu box.circular-buttons button.circular.image-button.model,
list > row button.image-button:not(.flat),
.toolbar button, modelbutton.flat {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
  text-shadow: none;
  -gtk-icon-shadow: none;
}
popover.menu box.circular-buttons button.circular.image-button.model{
padding: 0;}
/* menu buttons */

modelbutton.flat {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  margin: 0 -2px;
  min-height: 24px;
  /*padding: 0px 4px 0 6px;*/
  border-radius: 3.33px;
}
modelbutton.flat:hover {
  color: @modelbutton_selected_text_color; 
  text-shadow: -0.1px    0px alpha(@modelbutton_selected_text_color, 0.2),
				0.1px    0px alpha(@modelbutton_selected_text_color, 0.2),
				  0px  0.1px alpha(@modelbutton_selected_text_color, 0.2),
				  0px -0.1px alpha(@modelbutton_selected_text_color, 0.2),
				  0px   -1px alpha(@modelbutton_selected_text_color_shadow_color, 0.12),
				  0px    1px alpha(@modelbutton_selected_text_color_shadow_color, 0.4),
				  1px    0px alpha(@modelbutton_selected_text_color_shadow_color, 0.12),
				 -1px    0px alpha(@modelbutton_selected_text_color_shadow_color, 0.12);
background-image: linear-gradient(to bottom right,@modelbutton_bg,shade(@modelbutton_bg,0.92));
}
modelbutton.flat:active{ 
  color: @modelbutton_selected_text_color; 
  text-shadow: -0.1px    0px alpha(@modelbutton_selected_text_color, 0.2),
				0.1px    0px alpha(@modelbutton_selected_text_color, 0.2),
				  0px  0.1px alpha(@modelbutton_selected_text_color, 0.2),
				  0px -0.1px alpha(@modelbutton_selected_text_color, 0.2),
				  0px   -1px alpha(@modelbutton_selected_text_color_shadow_color, 0.12),
				  0px    1px alpha(@modelbutton_selected_text_color_shadow_color, 0.4),
				  1px    0px alpha(@modelbutton_selected_text_color_shadow_color, 0.12),
				 -1px    0px alpha(@modelbutton_selected_text_color_shadow_color, 0.12);
  background-image: linear-gradient(shade(@modelbutton_bg,0.92),@modelbutton_bg);
  box-shadow: inset 0 1px 2px alpha(@shadows_dark,0.16);
}
modelbutton.flat:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
}
modelbutton.flat arrow {
  background: none;
  min-width: 16px;
  min-height: 16px;
  opacity: 0.6;
}
modelbutton.flat arrow:hover {
  background: none;
}
modelbutton.flat arrow.left {
  -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
  -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
/* oldstyle toolbar buttons */

.toolbar button {
  margin: 1px; }
.toolbar button:hover {
  color: @text_color;
  text-shadow:-0.1px    0px alpha(@text_color, 0.20),
		       0.1px    0px alpha(@text_color, 0.20),
		         0px  0.1px alpha(@text_color, 0.20),
		         0px -0.1px alpha(@text_color, 0.20),
	             0px   -1px alpha(@text_shadow_color, 0.12),
		         0px    1px alpha(@text_shadow_color, 0.4),
	             1px    0px alpha(@text_shadow_color, 0.12),
	            -1px    0px alpha(@text_shadow_color, 0.12);
  border-color:@borders; 
  background-image: linear-gradient(to top,shade(@button_color,0.9),
                                           shade(@button_color,1));
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
}
.toolbar button:active {
  color: @text_color;
  text-shadow:-0.1px    0px alpha(@text_color, 0.20),
		       0.1px    0px alpha(@text_color, 0.20),
		         0px  0.1px alpha(@text_color, 0.20),
		         0px -0.1px alpha(@text_color, 0.20),
	             0px   -1px alpha(@text_shadow_color, 0.12),
		         0px    1px alpha(@text_shadow_color, 0.4),
	             1px    0px alpha(@text_shadow_color, 0.12),
	            -1px    0px alpha(@text_shadow_color, 0.12);
  border-color:@borders; 
  background-image: linear-gradient(shade(@button_color,0.96),@button_color);
  box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.08);
}
.toolbar button:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders,0.8);
  background-image: image(transparent);
}
button.color {
  padding: 4px; 
}
button.color > colorswatch:only-child {
  box-shadow: 0 1px alpha(@shadows_dark, 0.1);
}
button.color > colorswatch:only-child, 
button.color > colorswatch:only-child > overlay {
  border-radius: 0;
}
.osd button.color > colorswatch:only-child {
  box-shadow: none;
}
.osd button.color:disabled colorswatch:only-child,
.osd button.color:active colorswatch:only-child,
.osd button.color:checked colorswatch:only-child,
button.color:disabled colorswatch:only-child, 
button.color:active colorswatch:only-child, 
button.color:checked colorswatch:only-child {
  box-shadow: none;
}
/* list buttons */

/* tone down as per new designs, see issue #1473 */

popover.menu box.circular-buttons button.circular.image-button.model,
list > row button.image-button:not(.flat) {
  border: 1px solid alpha(@borders,0.5);
}
popover.menu box.circular-buttons button.circular.image-button.model:hover,
list > row button.image-button:not(.flat):hover {
  color: @text_color;
  text-shadow:-0.1px    0px alpha(@text_color, 0.20),
		       0.1px    0px alpha(@text_color, 0.20),
		         0px  0.1px alpha(@text_color, 0.20),
		         0px -0.1px alpha(@text_color, 0.20),
	             0px   -1px alpha(@text_shadow_color, 0.12),
		         0px    1px alpha(@text_shadow_color, 0.4),
	             1px    0px alpha(@text_shadow_color, 0.12),
	            -1px    0px alpha(@text_shadow_color, 0.12);
  border-color:@borders;
  background-image:linear-gradient(@button_color,@theme_base_color);
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);
}
popover.menu box.circular-buttons button.circular.image-button.model:active,
popover.menu box.circular-buttons button.circular.image-button.model:checked,
list > row button.image-button:not(.flat):active,
list > row button.image-button:not(.flat):checked {
  color: @text_color;
  text-shadow:-0.1px    0px alpha(@text_color, 0.20),
		       0.1px    0px alpha(@text_color, 0.20),
		         0px  0.1px alpha(@text_color, 0.20),
		         0px -0.1px alpha(@text_color, 0.20),
	             0px   -1px alpha(@text_shadow_color, 0.12),
		         0px    1px alpha(@text_shadow_color, 0.4),
	             1px    0px alpha(@text_shadow_color, 0.12),
	            -1px    0px alpha(@text_shadow_color, 0.12);
  border-color:@borders;
  background-image: linear-gradient(shade(@button_color,0.96),@button_color);
  box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.08);
}
/*********
 * Links *
 *********/
button.link,
link {
  color: @color_700;
  text-decoration: underline;
}
button.link:visited,
link:visited {
  color: @color_900;
}
*:selected button.link:visited, 
*:selected link:visited {
  color: @color_100;
}
button.link:hover,
link:hover {
  color: @color_600;
}
*:selected button.link:hover, 
*:selected link:hover {
  color: shade(@color_100,1.1);
}
button.link:active,
link:active {
  color: @color_700;
}
*:selected button.link:active, 
*:selected link:active {
  color: @color_100;
}
button.link:disabled,
link:disabled {
  color: alpha(@text_color, 0.6);
}
button.link:selected, 
*:selected button.link,
link:selected, 
*:selected link {
  color: @color_100;
}
link {
  outline: 0 solid transparent;
  outline-offset: 4px;
}

link:focus:focus-visible {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
button.link, button.link:hover,
button.link:active,
button.link:checked {
  text-shadow: none;
}
button.link > label {
  text-decoration: underline;
}

/*****************
 * GtkSpinButton *
 *****************/
spinbutton {
  font-feature-settings: "tnum";
}
spinbutton:not(.vertical) {
  padding: 0;
  border-spacing: 0;
    /* :not here just to bump specificity above that of the list button styling */
}
.osd spinbutton:not(.vertical) > text,
spinbutton:not(.vertical) > text {
  min-width: 28px;
  margin: 0;
  background: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding:3px 6px;
  /*padding: 6px;*/
}
.osd spinbutton:not(.vertical) > text:backdrop:disabled,
spinbutton:not(.vertical) > text:backdrop:disabled {
  background-color: transparent;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat),
spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
  min-height: 16px;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  color: alpha(@text_color,0.9);
  background-image: none;
   -gtk-icon-shadow: 0 1px @shadows_dark;
  border-style: none none none solid;
  border-color: alpha(@borders, 0.3);
  border-radius: 0;
  box-shadow: none;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
  border-style: none solid none none;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
  color: @text_color;
  background-color: alpha(shade(@button_color,0.94),0.6);
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
  color: alpha(@disabled_text_color, 0.3);
  background-color: transparent;
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
  background-color: alpha(shade(@button_color,0.90),0.6);
  box-shadow: inset 0 2px 3px -1px alpha(@shadows_dark, 0.2);
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
  border-radius: 0 4.66px 4.66px 0;
}
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
  border-radius: 4.66px 0 0 4.66px;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-style: none none none solid;
  border-color: alpha(@borders_dark, 0.4);
  border-radius: 0;
  box-shadow: none;
   -gtk-icon-shadow: 0 1px @shadows_dark;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
  border-style: none solid none none;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: @osd_button_text_color;
  text-shadow:-0.1px    0px alpha(@osd_button_text_color, 0.2),
		       0.1px    0px alpha(@osd_button_text_color, 0.2),
		         0px  0.1px alpha(@osd_button_text_color, 0.2),
		         0px -0.1px alpha(@osd_button_text_color, 0.2),
                 0px   -1px alpha(@osd_button_text_shadow_color, 0.12),
		         0px    1px alpha(@osd_button_text_shadow_color, 0.4),
	             1px    0px alpha(@osd_button_text_shadow_color, 0.12),
	            -1px    0px alpha(@osd_button_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark, 0.5);
  background-color: alpha(shade(@osd_button_color,0.94),0.6);
  -gtk-icon-shadow: 0 1px @shadows_dark;
  box-shadow: none;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
  background-color: transparent;
  background-image: none;
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark, 0.5);
  -gtk-icon-shadow: none;
  box-shadow: none;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
  border-radius: 0 4.66px 4.66px 0;
}
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
  border-radius: 4.66px 0 0 4.66px;
}
spinbutton.vertical:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
}
spinbutton.vertical:drop(active) {
  border-color: transparent;
  box-shadow: none;
}
spinbutton.vertical > text {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 0;
}
spinbutton.vertical > text > block-cursor {
  color: #ffffff;
  background-color: black;
}
spinbutton.vertical > button {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
}
spinbutton.vertical > button.up {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
spinbutton.vertical > button.down {
  border-top-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; 
}
.osd spinbutton.vertical > button:first-child {
  color: @osd_text_color;
  outline-color: alpha(@color_600, 0.5);
  border-color: alpha(@borders_dark, 0.7);
  background-color: transparent;
  background-image: none;
  text-shadow: none; 
  background-clip: padding-box;
  box-shadow: none;
}
.osd spinbutton.vertical > button:first-child:hover {
  color: @osd_text_color;
  border-color: alpha(@borders_dark, 0.7);
  background-color: transparent;
  background-image: image(shade(@osd_button_color,0.7), 0.7);
  background-clip: padding-box;
  box-shadow: none;
}
.osd spinbutton.vertical > button:first-child:active {
  color: @osd_text_color;
  border-color: alpha(@borders_dark, 0.7);
  background-color: transparent;
  background-image: image(shade(@osd_button_color,0.4), 0.7);
  background-clip: padding-box;
  box-shadow: none;
}
.osd spinbutton.vertical > button:first-child:disabled {
  color: alpha(@osd_text_color,0.8);
  border-color: alpha(@borders_dark, 0.7);
  background-color: transparent;
  background-image: none;
  text-shadow: none; 
  -gtk-icon-shadow: none;
  background-clip: padding-box;
}
treeview spinbutton:not(.vertical) {
  min-height: 0;
  border-style: none;
  border-radius: 0; 
}
treeview spinbutton:not(.vertical) > text {
  min-height: 0;
  padding: 1px 2px;
}
/**************
 * ComboBoxes *
 **************/
dropdown > popover.menu.background > contents {
  /*background-color:transparent;*/
background-image:image(alpha(@sidebar_bg_color,1));
  padding: 0;
  border-radius: 5px;
}
dropdown > button > box {
  border-spacing: 6px;
}
dropdown arrow,
combobox arrow {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  min-height: 16px;
  min-width: 16px;
}
dropdown > popover.menu > contents modelbutton,
combobox > popover.menu > contents modelbutton {
  padding-left: 9px;/*9*/
  padding-right: 9px;/*9*/
}
dropdown:drop(active),
combobox:drop(active) {
  box-shadow: none;
}
dropdown popover,
combobox popover {
  margin-top: 6px;/*6*/
  padding: 0;
}
dropdown popover listview,
combobox popover listview {
  background-color:transparent;
  background-image:image(alpha(@sidebar_bg_color,1));
  margin: 8px 0;/*8 0*/
}
dropdown popover listview > row,
combobox popover listview > row {
  padding: 4px;/*8*/
}
dropdown popover listview > row:selected,
combobox popover listview > row:selected {
  outline-color: rgba(255, 255, 255, 0.8);
  color: @selected_text_color;
  text-shadow: -0.1px    0px alpha(@selected_text_color, 0.2),
		        0.1px    0px alpha(@selected_text_color, 0.2),
		          0px  0.1px alpha(@selected_text_color, 0.2),
		          0px -0.1px alpha(@selected_text_color, 0.2),
		          0px   -1px alpha(@selected_text_shadow_color, 0.12),
		          0px    1px alpha(@selected_text_shadow_color, 0.4),
		          1px    0px alpha(@selected_text_shadow_color, 0.12),
		         -1px    0px alpha(@selected_text_shadow_color, 0.12); 
  background-color: @color_600;
}
dropdown popover .dropdown-searchbar,
combobox popover .dropdown-searchbar {
    padding: 6px;
    border-bottom: 1px solid @borders;
}
/************
 * Toolbars *
 ************/
searchbar > revealer > box, 
.toolbar,
toolbar {
  padding: 3px;
  border-spacing: 4px;
  background-color: @theme_bg_color;
}
.osd .toolbar, 
.osd toolbar {
  background-color: transparent;
}
.toolbar.osd,
toolbar.osd {
  padding: 13px;
  border: none;
  border-radius: 4.66px;
  background-color: alpha(@osd_button_color, 0.7);
}
.toolbar.osd.left, 
.toolbar.osd.right,
.toolbar.osd.top,
.toolbar.osd.bottom,
toolbar.osd.left,
toolbar.osd.right,
toolbar.osd.top,
toolbar.osd.bottom {
  border-radius: 0;
}
.toolbar.horizontal > separator,
toolbar.horizontal > separator {
  margin: 4px 0;
}
.toolbar.vertical > separator,
toolbar.vertical > separator {
  margin: 0 4px;
}
searchbar > revealer > box {
  padding: 6px;
  border-spacing: 6px;
  border-width: 0 0 1px;
}
searchbar > revealer > box {
  border-style: solid;
  border-color: @borders;
  background-color: shade(@theme_bg_color,0.9);
}
/*searchbar > revealer > box:backdrop {
  border-color: #d0d0d0;
  background-color: #e8e8e8;
  box-shadow: none;
  transition: 200ms ease-out;
}*/
/**************
 * GtkInfoBar *
 **************/
infobar > revealer > box {
  padding: 8px;
  border-spacing: 12px;
}

infobar.action:hover > revealer > box {
  background-color: @color_600;
}

infobar.info > revealer > box,
infobar.question > revealer > box,
infobar.warning > revealer > box,
infobar.error > revealer > box {
  border-bottom: 1px solid @borders;
  background-color: @color_600;
}
infobar .close,
searchbar .close {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  min-width: 16px;
  min-height: 16px;
  padding: 4px;
  border-radius: 50%;
}
infobar .close:hover,
searchbar .close:hover {
  color: @text_color;
  border-color: @borders;
  background-image: image(@button_color);
  box-shadow: 0 1px 2px alpha(@shadows_dark,0.07);
}

/*****************
 * Title buttons *
 *****************/
windowcontrols {
  border-spacing: 4px;
}
windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) {
  margin-right: 7px;
}
windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) {
  margin-left: 7px;
}
windowcontrols button {

  color: transparent;
  text-shadow:none;
  font-size:0;
  border-color: transparent;
  background-color: transparent;
  background-image:none;
  box-shadow:none;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin-bottom: 4px;
  min-height:18px;
  min-width:18px;
}
windowcontrols button.close {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-close.svg"), url("theme-graphics/title-buttons-dark/titlebutton-close@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.close:backdrop {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-close-backdrop.svg"), url("theme-graphics/title-buttons-dark/titlebutton-close-backdrop@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.close:hover {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-close-hover.svg"), url("theme-graphics/title-buttons-dark/titlebutton-close-hover@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.close:active {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-close-active.svg"), url("theme-graphics/title-buttons-dark/titlebutton-close-active@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.maximize {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-maximize.svg"), url("theme-graphics/title-buttons-dark/titlebutton-maximize@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.maximize:backdrop {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-maximize-backdrop.svg"), url("theme-graphics/title-buttons-dark/titlebutton-maximize-backdrop@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.maximize:hover {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-maximize-hover.svg"), url("theme-graphics/title-buttons-dark/titlebutton-maximize-hover@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.maximize:active {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-maximize-active.svg"), url("theme-graphics/title-buttons-dark/titlebutton-maximize-active@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.minimize {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-minimize.svg"), url("theme-graphics/title-buttons-dark/titlebutton-minimize@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.minimize:backdrop {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-minimize-backdrop.svg"), url("theme-graphics/title-buttons-dark/titlebutton-minimize-backdrop@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.minimize:hover {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-minimize-hover.svg"), url("theme-graphics/title-buttons-dark/titlebutton-minimize-hover@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}
windowcontrols button.minimize:active {

  background-image: -gtk-scaled(url("theme-graphics/title-buttons-dark/titlebutton-minimize-active.svg"), url("theme-graphics/title-buttons-dark/titlebutton-minimize-active@2.svg"));
  background-color: transparent;
  box-shadow:none;
  color: transparent;
  border-color:transparent;
  text-shadow:none;
  font-size:0;
}

/***************
 * Header bars *
 ***************/
.titlebar:not(headerbar),
headerbar {
           padding: 0 6px;
        min-height: 30px;
      border-width: 0 0 1px; 
      border-style: solid; 
      border-color: shade(@headerbar_color,0.5); 
     border-radius: 0px;
  background-image: linear-gradient(to top,
                    alpha(shade(@headerbar_color,0.88),1),
                    alpha(shade(@headerbar_color,0.92),1),
                    alpha(shade(@headerbar_color,1.04),1));
        box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.1),0.76);
}

.titlebar:not(headerbar){
  padding-left: 6px;
  padding-right: 6px;
  min-height: 28px;
  border-width:0 0 0;
  background-color: transparent;
 background-image: linear-gradient(to top, 
                    alpha(shade(@headerbar_color,0.92),1),
                    alpha(shade(@headerbar_color,1.04),1));
        box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.4),0.4);
}

.titlebar:not(headerbar) .title,
headerbar .title {
  padding-left: 12px;
  padding-right: 12px;
  font-weight: normal;
  color: @headerbar_text_color;
  text-shadow: -0.1px    0px alpha(@headerbar_text_color, 0.2),
		        0.1px    0px alpha(@headerbar_text_color, 0.2),
		          0px  0.1px alpha(@headerbar_text_color, 0.2),
		          0px -0.1px alpha(@headerbar_text_color, 0.2),
		          0px   -1px alpha(@headerbar_text_shadow_color, 0.12),
		          0px    1px alpha(@headerbar_text_shadow_color, 0.4),
		          1px    0px alpha(@headerbar_text_shadow_color, 0.12),
		         -1px    0px alpha(@headerbar_text_shadow_color, 0.12); 
}
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
  font-size: smaller;
  color: @headerbar_text_color;
  text-shadow: -0.1px    0px alpha(@headerbar_text_color, 0.2),
		        0.1px    0px alpha(@headerbar_text_color, 0.2),
		          0px  0.1px alpha(@headerbar_text_color, 0.2),
		          0px -0.1px alpha(@headerbar_text_color, 0.2),
		          0px   -1px alpha(@headerbar_text_shadow_color, 0.12),
		          0px    1px alpha(@headerbar_text_shadow_color, 0.4),
		          1px    0px alpha(@headerbar_text_shadow_color, 0.12),
		         -1px    0px alpha(@headerbar_text_shadow_color, 0.12);
  padding-left: 12px;
  padding-right: 12px;
}
/*.titlebar:not(headerbar) stackswitcher > button:checked,
.titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher > button:checked,
headerbar button.toggle:checked {
  background: image(#cacaca);
  border-color: #bfbfbf;
  border-top-color: #b3b3b3;
}*/
/*.titlebar:not(headerbar) stackswitcher > button:checked:backdrop,
.titlebar:not(headerbar) button.toggle:checked:backdrop,
headerbar stackswitcher > button:checked:backdrop,
headerbar button.toggle:checked:backdrop {
  color: #929596;
  border-color: #d0d0d0;
  background-image: image(#e7e7e7);
  box-shadow: none;
}*/
.tiled .titlebar:not(headerbar),
.tiled-top .titlebar:not(headerbar),
.tiled-left .titlebar:not(headerbar),
.tiled-right .titlebar:not(headerbar),
.tiled-bottom .titlebar:not(headerbar),
.maximized .titlebar:not(headerbar),
.fullscreen .titlebar:not(headerbar),
.tiled headerbar, .tiled-top headerbar,
.tiled-left headerbar,
.tiled-right headerbar,
.tiled-bottom headerbar,
.maximized headerbar, 
.fullscreen headerbar {
  border-radius: 0;
}
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
  min-height: 28px;
  padding: 4px;
}
/*.default-decoration.titlebar:not(headerbar) windowcontrols button,*/
default-decoration.titlebar:not(headerbar) windowcontrols menubutton,
/*headerbar.default-decoration windowcontrols button,*/
headerbar.default-decoration windowcontrols menubutton {
  min-height: 26px;
  min-width: 26px;
  margin: 0;
  padding: 0; }
.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button,
headerbar.default-decoration windowcontrols menubutton button {
  min-height: 20px;
  min-width: 20px;
  margin: 0;
  padding: 4px;
}
.solid-csd .titlebar:dir(rtl):not(headerbar),
.solid-csd .titlebar:dir(ltr):not(headerbar),
.solid-csd headerbar:backdrop:dir(rtl),
.solid-csd headerbar:backdrop:dir(ltr),
.solid-csd headerbar:dir(rtl),
.solid-csd headerbar:dir(ltr) {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  border-radius: 0;
  box-shadow: none;
}
headerbar > windowhandle > box,
headerbar > windowhandle > box > box.start,
headerbar > windowhandle > box > box.end {
  border-spacing: 6px;
}
headerbar entry,
headerbar spinbutton,
headerbar separator:not(.sidebar),
headerbar button,
headerbar menubutton {
  margin-top: 5px;
  margin-bottom: 5px;
}
filechooser actionbar entry, 
filechooser actionbar button,  
headerbar entry,
/*headerbar menubutton,*/
headerbar button {
             border: 1px solid;
              color: @headerbar_text_color;
        text-shadow: -0.1px    0px alpha(@headerbar_text_color, 0.20),
		              0.1px    0px alpha(@headerbar_text_color, 0.20),
		                0px  0.1px alpha(@headerbar_text_color, 0.20),
		                0px -0.1px alpha(@headerbar_text_color, 0.20),
		                0px   -1px alpha(@headerbar_text_shadow_color, 0.12),
		                0px    1px alpha(@headerbar_text_shadow_color, 0.4),
		                1px    0px alpha(@headerbar_text_shadow_color, 0.12),
		               -1px    0px alpha(@headerbar_text_shadow_color, 0.12);
       border-color: shade(@headerbar_button_color,0.9); 
border-bottom-color: shade(@headerbar_button_color,0.8);
   -gtk-icon-shadow: none;
         box-shadow: inset 0 1px shade(@headerbar_button_color,1.3),
                           0 1px 2px rgba(0, 0, 0, 0.07);
   background-image: linear-gradient(to top, shade(@headerbar_button_color,1.05), 
                                             shade(@headerbar_button_color,1.2));
}
filechooser actionbar entry:hover, 
filechooser actionbar button:hover,
/*headerbar menubutton:hover,*/
headerbar button:hover { 
              color: @headerbar_text_color;
        text-shadow: -0.1px    0px alpha(@headerbar_text_color, 0.20),
		              0.1px    0px alpha(@headerbar_text_color, 0.20),
		                0px  0.1px alpha(@headerbar_text_color, 0.20),
		                0px -0.1px alpha(@headerbar_text_color, 0.20),
		                0px   -1px alpha(@headerbar_text_shadow_color, 0.12),
		                0px    1px alpha(@headerbar_text_shadow_color, 0.4),
		                1px    0px alpha(@headerbar_text_shadow_color, 0.12),
		               -1px    0px alpha(@headerbar_text_shadow_color, 0.12);
       border-color: shade(@headerbar_button_color,0.9); 
border-bottom-color: shade(@headerbar_button_color,0.8);
   -gtk-icon-shadow: none;
         box-shadow: inset 0 1px shade(@headerbar_button_color,1.3),
                           0 1px 2px rgba(0, 0, 0, 0.07);
   background-image: linear-gradient(to top, shade(@headerbar_button_color,1.15),
                                             shade(@headerbar_button_color,1.3));
  -gtk-icon-filter: brightness(1.2);
}
headerbar .linked > button:checked,
.titlebar .linked > button:checked, 
/*headerbar menubutton:checked, */
headerbar button:checked,
.titlebar:not(headerbar) stackswitcher > button:checked, 
.titlebar:not(headerbar) button.toggle:checked, 
headerbar stack-switcher > button:checked, 
headerbar button.popup toggle:checked,
headerbar button.toggle:checked { 
              color: @headerbar_text_color;
        text-shadow: -0.1px    0px alpha(@headerbar_text_color, 0.20),
		              0.1px    0px alpha(@headerbar_text_color, 0.20),
		                0px  0.1px alpha(@headerbar_text_color, 0.20),
		                0px -0.1px alpha(@headerbar_text_color, 0.20),
		                0px   -1px alpha(@headerbar_text_shadow_color, 0.12),
		                0px    1px alpha(@headerbar_text_shadow_color, 0.4),
		                1px    0px alpha(@headerbar_text_shadow_color, 0.12),
		               -1px    0px alpha(@headerbar_text_shadow_color, 0.12);
       border-color: shade(@headerbar_button_color,0.9); 
border-bottom-color: shade(@headerbar_button_color,0.8);
   -gtk-icon-shadow: none;
         box-shadow: inset 0 1px shade(@headerbar_button_color,1.3),
                           0 1px 2px rgba(0, 0, 0, 0.07);
   background-image: linear-gradient(to top, shade(@headerbar_button_color,1.15), 
                                             shade(@headerbar_button_color,1.0));
}
headerbar .linked > button:checked:hover:active,
/*headerbar menubutton:checked:hover:active,
headerbar menubutton:checked:hover,
headerbar menubutton:active,*/
headerbar button:checked:hover:active,
.titlebar:not(headerbar) stackswitcher button:checked:hover:active, 
.titlebar:not(headerbar) button.toggle:checked:hover:active, 
headerbar .stack-switcher > button:checked:hover:active, 
headerbar button.popup toggle:checked:hover:active,
headerbar button.toggle:checked:hover:active,
headerbar .linked > button:checked:hover,
headerbar button:checked:hover,
.titlebar:not(headerbar) stackswitcher button:checked:hover, 
.titlebar:not(headerbar) button.toggle:checked:hover, 
headerbar .stack-switcher > button:checked:hover, 
headerbar button.popup toggle:checked:hover,
headerbar button.toggle:checked:hover,                    
.titlebar .linked > button:active,
headerbar .linked > button:active,  
headerbar button:active,
.titlebar:not(headerbar) button.toggle:active,
headerbar .stack-switcher > button:checked:active, 
headerbar button.popup toggle:active,
headerbar button.toggle:active{ 
              color: @headerbar_selected_text_color;
        text-shadow: -0.1px    0px alpha(@headerbar_selected_text_color, 0.20),
				      0.1px    0px alpha(@headerbar_selected_text_color, 0.20),
				        0px  0.1px alpha(@headerbar_selected_text_color, 0.20),
				        0px -0.1px alpha(@headerbar_selected_text_color, 0.20),
				        0px   -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				        0px    1px alpha(@headerbar_selected_text_shadow_color, 0.4),
				        1px    0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				       -1px    0px alpha(@headerbar_selected_text_shadow_color, 0.12);
   background-color: transparent;
   background-image: linear-gradient(to bottom, 
                     alpha(shade(@headerbar_button_color,1.1),1), 
                     alpha(shade(@headerbar_button_color,1.25),1));
       border-color: shade(@headerbar_button_color,0.9); 
border-bottom-color: shade(@headerbar_button_color,0.8);
   -gtk-icon-shadow: none;
         box-shadow: inset 0 1px shade(@headerbar_button_color,1.3), 
                     0 1px 2px rgba(0, 0, 0, 0.07);
}
headerbar button:disabled { 

  color: shade(@headerbar_color,0.9);
  text-shadow: -0.1px    0px alpha(shade(@headerbar_color,0.9), 0.2),
		        0.1px    0px alpha(shade(@headerbar_color,0.9), 0.2),
		          0px  0.1px alpha(shade(@headerbar_color,0.9), 0.2),
		          0px -0.1px alpha(shade(@headerbar_color,0.9), 0.2);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color:shade(@headerbar_color,0.8);
  -gtk-icon-shadow: none; 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:   linear-gradient(to top, shade(@headerbar_color,1.05),
                                              shade(@headerbar_color,1.2));
}
headerbar menubutton > button {
  margin-top: 0px;
  margin-bottom: 0px;
}
headerbar switch {
  margin-top: 7px;
  margin-bottom: 7px;
}
headerbar.titlebar headerbar:not(.titlebar) {
  background: none;
  box-shadow: none;
}
window.csd > .titlebar:not(headerbar) {
  padding: 0;
  background-color: transparent;
  background-image: none;
  border-style: none;
  border-color: transparent;
  box-shadow: none;
}
.titlebar:not(headerbar) separator {
  background-color: @borders;
}
window.devel headerbar.titlebar {
  background: whitesmoke cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, alpha(@color_600, 0.2)), linear-gradient(to top, #d4d4d4, gainsboro 3px, #ebebeb);
}
window.devel headerbar.titlebar:backdrop {
    background: whitesmoke cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(whitesmoke);
    /* background-color would flash */
}

/************
 * Pathbars *
 ************/
pathbar > button.text-button,
pathbar > button.image-button,
pathbar > button {
  padding-left: 4px;
  padding-right: 4px;
}
pathbar > button.text-button.image-button label {
  padding-left: 0;
  padding-right: 0;
}
pathbar > button.text-button.image-button label:last-child,
pathbar > button label:last-child {
  padding-right: 8px;
}
pathbar > button.text-button.image-button label:first-child,
pathbar > button label:first-child {
  padding-left: 8px;
}
pathbar > button image {
  padding-left: 4px;
  padding-right: 4px;
}
pathbar > button.slider-button {
  padding-left: 0;
  padding-right: 0;
}
.nautilus-window .titlebar .path-bar-box widget > .text-button:hover{

  color: @hb_pathbar_button_text_color;
  text-shadow:   -0.1px  0px alpha(@hb_pathbar_button_text_color, 0.20),
				  0.1px  0px alpha(@hb_pathbar_button_text_color, 0.20),
				  0px  0.1px alpha(@hb_pathbar_button_text_color, 0.20),
				  0px -0.1px alpha(@hb_pathbar_button_text_color, 0.20),
				  0px -1px alpha(@hb_pathbar_button_text_color_shadow_color, 0.12),
				  0px 1px alpha(@hb_pathbar_button_text_color_shadow_color, 0.4),
				  1px 0px alpha(@hb_pathbar_button_text_color_shadow_color, 0.12),
				 -1px 0px alpha(@hb_pathbar_button_text_color_shadow_color, 0.12);
-gtk-icon-shadow:none;

 background-image:linear-gradient(to top, alpha(shade(@hd_pathbar_bg,1.15),1), alpha(shade(@hd_pathbar_bg,1.3),1));
}
.nautilus-window .titlebar .path-bar-box widget > .image-button.text-button:last-child:hover,
.nautilus-window .titlebar .path-bar-box widget > .image-button.text-button:last-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:hover,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child{
  
  border-color:shade(@hd_pathbar_selected_bg,0.9);
  border-width: 1px 0px 1px 1px;
  box-shadow: none;
-gtk-icon-shadow:none;
  color:@hb_pathbar_button_selected_text_color;
  text-shadow:                   -0.1px  0px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0.1px  0px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px  0.1px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px -0.1px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px -1px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12),
				  0px 1px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.4),
				  1px 0px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12),
				 -1px 0px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12);
  background-image:linear-gradient(to top, alpha(shade(@hd_pathbar_selected_bg,1.00),1), alpha(shade(@hd_pathbar_selected_bg,1.2),1));
}  
.nautilus-window .titlebar .path-bar-box widget > .text-button.toggle:last-child:active,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked,
.nautilus-window .titlebar .path-bar-box widget > .text-button:checked,
.nautilus-window .titlebar .path-bar-box widget > .text-button:active{
  color:@hb_pathbar_button_selected_text_color;
-gtk-icon-shadow:none;
  text-shadow: -0.1px  0px alpha(@hb_pathbar_button_selected_text_color, 0.20),
			    0.1px  0px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px  0.1px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px -0.1px alpha(@hb_pathbar_button_selected_text_color, 0.20),
				  0px -1px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12),
				  0px 1px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.4),
				  1px 0px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12),
				 -1px 0px alpha(@hb_pathbar_button_selected_text_color_shadow_color, 0.12);
  background-color: transparent;
  background-image:linear-gradient(to bottom, alpha(shade(@hd_pathbar_selected_bg,0.9),1), alpha(shade(@hd_pathbar_selected_bg,1.2),1));
}  
.nautilus-window .titlebar .path-bar-box widget > .text-button:not(:first-child):not(:last-child),
.nautilus-window .titlebar .path-bar-box widget > .text-button:first-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child{
  border-color: shade(@hd_pathbar_bg,0.9);
  border-style: none solid none none;
}
  
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked{ 
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nautilus-window .titlebar .path-bar-box widget > .text-button:only-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:first-child{
  border-top-left-radius: 4.66px;
  border-bottom-left-radius: 4.66px;
}
/**************
 * Tree Views *
 **************/
columnview.view,
treeview.view {
  border-left-color: shade(@borders,1.6);/*#d2d2d2;*/
  border-top-color:shade(@borders,1.6);/* #d2d2d2;*/
}
columnview.view,
treeview.view {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
columnview.view:focus:focus-visible,
treeview.view:focus:focus-visible {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
columnview.view:selected:focus, columnview.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
  border-radius: 0;
  outline-color: rgba(255, 255, 255, 0.8);
}
columnview.view:disabled,
treeview.view:disabled {
  color: @disabled_text_color;
}
columnview.view:disabled:selected,
treeview.view:disabled:selected {
  color: @color_400;
}
/*columnview.view:disabled:selected:backdrop,
treeview.view:disabled:selected:backdrop {
  color: #5bbca9;
}*/
columnview.view.separator,
treeview.view.separator {
    min-height: 2px;
    color: shade(@borders,1.6);
}
/*columnview.view:backdrop,
treeview.view:backdrop {
  border-left-color: #d9d9d9;
  border-top: #d9d9d9;
}*/
columnview.view:drop(active),
treeview.view:drop(active) {
  box-shadow: none;
}
columnview.view > dndtarget:drop(active),
treeview.view > dndtarget:drop(active) {
  border-style: solid none;
  border-width: 1px;
  border-color: @color_800;
}
columnview.view > dndtarget.after:drop(active),
treeview.view > dndtarget.after:drop(active) {
  border-top-style: none;
}
columnview.view > dndtarget.before:drop(active),
treeview.view > dndtarget.before:drop(active) {
  border-bottom-style: none;
}
columnview.view.expander,
treeview.view.expander {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  color: alpha(@text_color,0.9);
}
columnview.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
}
columnview.view.expander:hover,
treeview.view.expander:hover {
  color: black;
}
columnview.view.expander:selected,
treeview.view.expander:selected {
  color: @color_200;
}
columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover {
  color: @selected_text_color;
}
columnview.view.expander:checked,
treeview.view.expander:checked {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
columnview.view.progressbar,
treeview.view.progressbar {
  color: #ffffff;
  background-color: @color_600;
  background-image: image(@color_600);
  box-shadow: none;
}
columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
treeview.view.progressbar:selected:focus,
treeview.view.progressbar:selected {
  color: @color_600;
  background-image: image(#ffffff);
}
/*columnview.view.progressbar:selected:focus:backdrop,
columnview.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus:backdrop,
treeview.view.progressbar:selected:backdrop {
  color: #16a085;
  background-color: #fcfcfc;
}*/
columnview.view.trough,
treeview.view.trough {
  background-color: rgba(46, 52, 54, 0.1);
}
columnview.view.trough:selected:focus,
columnview.view.trough:selected,
treeview.view.trough:selected:focus,
treeview.view.trough:selected {
  background-color: rgba(255, 255, 255, 0.3);
}
columnview.view > header > button,
treeview.view > header > button {
  color: alpha(@text_color,0.8);
  background-color: @theme_base_color;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
}
columnview.view > header > button:hover,
treeview.view > header > button:hover {
  color: alpha(@text_color,0.9);
  box-shadow: none;
  transition: none;
}
columnview.view > header > button:active,
treeview.view > header > button:active {
  color: @text_color;
  transition: none;
}
columnview.view button.dnd:active,
columnview.view button.dnd:selected,
columnview.view button.dnd:hover,
columnview.view button.dnd,
columnview.view header.button.dnd:active,
columnview.view header.button.dnd:selected,
columnview.view header.button.dnd:hover,
columnview.view header.button.dnd,
treeview.view button.dnd:active,
treeview.view button.dnd:selected,
treeview.view button.dnd:hover,
treeview.view button.dnd,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd {
  padding: 0 6px;
  color: @selected_text_color;
  background-image: none;
  background-color: @color_600;
  border-style: none;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px @selected_text_color;
  text-shadow: none;
  transition: none;
}
columnview.view acceleditor > label,
treeview.view acceleditor > label {
  background-color: @color_600;
}
columnview.view > header > button,
treeview.view > header > button,
columnview.view > header > button:hover,
treeview.view > header > button:hover,
columnview.view > header > button:active,
treeview.view > header > button:active {
  padding: 0 6px;
  background-image: none;
  border-style: none none solid solid;
  border-color: shade(@borders,1.6);
  border-radius: 0;
  text-shadow: none;
}
columnview.view > header > button:disabled,
treeview.view > header > button:disabled {
  border-color: @theme_bg_color;
  background-image: none;
}
columnview.view > header > button:last-child,
treeview.view > header > button:last-child {
  border-right-style: none;
}
/***************
 * Popovers   *
 ***************/
popover.background {
  background-color: transparent;
  font: initial;
}
popover.background > arrow,
popover.background > contents {
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);/* 0 1 2*/
}
popover.background:backdrop {
  background-color: transparent;
}
popover.background > contents {
  border-radius:5px;
  margin: 0px;/*4*/
  padding: 0px 0; /*6 0*/
  background-color: @menu_bg_color;
  background-image: linear-gradient(to top, 
                    transparent,
                    alpha(@shadows_dark,0.03),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.08), 
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.03),
                    transparent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
popover.background > contents > list,
popover.background > contents > .view,
popover.background > contents > iconview,
popover.background > contents > toolbar {
  border-style: none;
  background-color: transparent;
}
popover.background > contents separator {
  background-color: @borders;
  margin: 3px;
}
popover.background > contents list separator {
  margin: 0;
}
.osd popover.background,
popover.background.touch-selection,
popover.background.magnifier {
  background-color: transparent;
}
.osd popover.background > arrow,
.osd popover.background > contents,
popover.background.touch-selection > arrow,
popover.background.touch-selection > contents,
popover.background.magnifier > arrow,
popover.background.magnifier > contents {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
magnifier {
  background-color: #ffffff;
}

/**********************
 * Popover Base Menus *
 **********************/
 .csd popover.menu,
popover.menu {
  padding: 0;
  margin: 0; }
popover.menu box.inline-buttons {
  padding: 0 12px; }
popover.menu box.inline-buttons button.image-button.model {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  min-height: 26px;
  min-width: 26px;
  padding: 0;
  border: none;
  outline: none;
  transition: none;
}
popover.menu box.inline-buttons button.image-button.model:selected {
  background: image(alpha(@button_color,0.5));
}
popover.menu box.circular-buttons {
  padding: 4px 4px 4px;/*12px 12px 6px;*/
}
popover.menu box.circular-buttons button.circular.image-button.model {
  padding: 2px;/*11*/
}
popover.menu box.circular-buttons button.circular.image-button.model:focus {
  background-color: alpha(@button_color,0.5);
  border-color: alpha(@button_color,0.5);
}
popover.menu > arrow,
popover.menu.background > contents {
    background-color: @menu_bg_color;
  background-image: linear-gradient(to top, 
                    transparent,
                    alpha(@shadows_dark,0.03),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.08), 
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.03),
                    transparent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  padding: 6px 6px;/*6 2*/
}
popover.menu.background separator {
  background-color: shade(@borders,1.6);
  margin: 2px 0;/*4 0*/
}
popover.menu accelerator {
  color: alpha(currentColor,0.55);
}
popover.menu accelerator:dir(ltr) {
  margin-left: 12px;
}
popover.menu accelerator:dir(rtl) {
  margin-right: 12px;
}
/*popover.menu check,
popover.menu radio {
  transform: scale(0.8);
  border-width: 1.2px;
  border-color: transparent;
  box-shadow: none;
  background-image: image(transparent);
  color: @text_color;
}
popover.menu check:hover,
popover.menu radio:hover {
  transform: scale(0.8);
  border-width: 1.2px;
  color: @text_color;
  box-shadow: none;
  background-image: image(transparent);
}
popover.menu check:active,
popover.menu radio:active {
  transform: scale(0.8);
  border-width: 1.2px;
  color: @text_color;
  box-shadow: none;
  background-image: image(transparent);
}
popover.menu radio {
  border-color: @borders;
}
popover.menu radio:active {
  border-color: alpha(@borders, 0.5);
}*/
popover.menu arrow.left,
popover.menu radio.left,
popover.menu check.left {
  margin-left: -4px;/*-2*/
  margin-right: 6px;
}
popover.menu arrow.right,
popover.menu radio.right,
popover.menu check.right {
  margin-left: 6px;
  margin-right: -4px;/*-2*/
}
popover.menu modelbutton {
  min-height: 24px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 5px;
  margin-left:0px;
  margin-right:0px;
}
popover.menu modelbutton:selected {
  color: @selected_text_color; 
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.4),
				  0px   -1px alpha(@selected_text_shadow_color, 0.12),
				  0px    1px alpha(@selected_text_shadow_color, 0.4),
				  1px    0px alpha(@selected_text_shadow_color, 0.12),
				 -1px    0px alpha(@selected_text_shadow_color, 0.12);
  background-color: @color_600;
}
popover.menu modelbutton:selected:active {
  background-color: @color_700;
}
popover.menu label.title {
  font-weight: bold;
  padding: 4px 32px;
}
menubar {
  padding: 0 4px;
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.86),1), alpha(shade(@headerbar_color,0.94),1));
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
menubar > item {
  border-radius: 3px;
  margin-bottom: 3px;
  color: @headerbar_text_color;
  text-shadow:   -0.1px  0px alpha(@headerbar_text_color, 0.20),
				  0.1px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.1px alpha(@headerbar_text_color, 0.20),
				  0px -0.1px alpha(@headerbar_text_color, 0.20),
				  0px -1px alpha(@headerbar_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_text_shadow_color, 0.4),
				  1px 0px alpha(@headerbar_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_text_shadow_color, 0.12); 
  min-height: 16px; 
  padding: 2px 12px;
}
menubar > item:selected {
  background-image:linear-gradient(shade(@color_accent_3,0.95), shade(@color_accent_3,0.88));
  color: @selected_text_color; 
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.4),
				  0px   -1px alpha(@selected_text_shadow_color, 0.12),
				  0px    1px alpha(@selected_text_shadow_color, 0.4),
				  1px    0px alpha(@selected_text_shadow_color, 0.12),
				 -1px    0px alpha(@selected_text_shadow_color, 0.12);
}
menubar > item:disabled {
  color: @disabled_text_color; 
  text-shadow:    
		-0.1px    0px alpha(@disabled_text_color, 0.2),
		 0.1px    0px alpha(@disabled_text_color, 0.2),
		   0px  0.1px alpha(@disabled_text_color, 0.2),
		   0px -0.1px alpha(@disabled_text_color, 0.2),
		   0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		   0px    1px alpha(@disabled_text_shadow_color, 0.4),
	       1px    0px alpha(@disabled_text_shadow_color, 0.12),
	      -1px    0px alpha(@disabled_text_shadow_color, 0.12); 
  box-shadow: none; 
}
menubar > item popover.menu.background > contents {
  padding: 5px 5px;/*5*/
  margin-top:2px;/*2*/
  border-radius: 0 0 5px 5px;
}
menubar > item popover.menu popover.menu {
  padding: 0 0 4px 0;
}
menubar > item popover.menu.background popover.menu.background > contents {
  margin: 0;
  border-radius: 5px;/*9*/
}
/*************
 * Notebooks *
 *************/
notebook > header { 
  margin:0px;
  margin-top:0px;
  padding-top:0px;
  background-color: @base_bg_color;
}
notebook > header.top > tabs { 
  margin-top:0px; 
  border: 1px solid @borders;
  margin-bottom: 0px;
  border-style:none none solid none;
}
notebook > header.bottom > tabs > tab:checked,
notebook > header.bottom > tabs > tab:checked:hover,
notebook > header.right > tabs > tab:checked,
notebook > header.right > tabs > tab:checked:hover,
notebook > header.left > tabs > tab:checked,
notebook > header.left > tabs > tab:checked:hover,
notebook > header.top > tabs > tab:checked:hover,
notebook > header.top > tabs > tab:checked { 
  background-image:linear-gradient(shade(@color_accent_3,0.95), shade(@color_accent_3,0.88));
  color: @selected_text_color; 
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.2),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.4),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border: none;
  border-color: shade(@color_accent_3,0.88);
  box-shadow: none;
}
notebook > header.top > tabs > tab.reorderable-page:hover,
notebook > header.top > tabs > tab.reorderable-page {
  margin-top: -1px;
  border-right: 1px solid shade(@headerbar_color,0.88);
  margin-left: 0px;
  background-image:linear-gradient(to top,shade(@headerbar_color,1.06),shade(@headerbar_color,1.06));
  background-color: transparent;
  color: @text_color;
  text-shadow:-0.1px     0px alpha(@text_color, 0.20),
		       0.1px     0px alpha(@text_color, 0.20),
		         0px   0.1px alpha(@text_color, 0.20),
		         0px  -0.1px alpha(@text_color, 0.20),
	             0px    -1px alpha(@text_shadow_color, 0.12),
		         0px     1px alpha(@text_shadow_color, 0.4),
	             1px     0px alpha(@text_shadow_color, 0.12),
	            -1px     0px alpha(@text_shadow_color, 0.12);
  box-shadow:none;
}
notebook > header.top > tabs > tab:checked.reorderable-page:hover,
notebook > header.top > tabs > tab:checked.reorderable-page {
  margin-top: -1px;
  background-color:  transparent;
  background-image:linear-gradient(to top,shade(@headerbar_color,1.1),shade(@headerbar_color,1.16));
  color: @text_color;
  text-shadow:   -0.1px 0px alpha(@text_color, 0.20),
		  0.1px 0px alpha(@text_color, 0.20),
		  0px 0.1px alpha(@text_color, 0.20),
		  0px -0.1px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.4),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); 
  border-color: alpha(shade(@headerbar_color,0.88),0.9);
}
notebook > header.bottom { 
  border-top-style: solid;
}
notebook > header.bottom > tabs { 
  margin-top: -2px;
  border: 1px solid @borders;
  border-style: solid none none none;
}
notebook > header.left { 
  border-right-style: solid;
}
notebook > header.left > tabs { 
  border: 1px solid @borders;
  border-style: none solid none none;
  margin-right: -2px;
}
notebook > header.right { 
  border-left-style: solid;
}
notebook > header.right > tabs { 
  border: 1px solid @borders;
  border-style: none none none solid;
  margin-left: -2px;
}
notebook > header.top > tabs > arrow { 
  border-top-style: none;
}
notebook > header.bottom > tabs > arrow { 
  border-bottom-style: none;
}
notebook > header.top > tabs > arrow, 
notebook > header.bottom > tabs > arrow { 
  margin-left: -5px; 
  margin-right: -5px;
  padding-left: 4px;
  padding-right: 4px;
}
notebook > header.top > tabs > arrow.down, 
notebook > header.bottom > tabs > arrow.down { 
  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}
notebook > header.top > tabs > arrow.up, 
notebook > header.bottom > tabs > arrow.up { 
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
notebook > header.left > tabs > arrow { 
  border-left-style: none;
}
notebook > header.right > tabs > arrow { 
  border-right-style: none;
}
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { 
  margin-top: -5px;
  margin-bottom: -5px; 
  padding-top:4px; 
  padding-bottom:4px;
}
notebook > header.left > tabs > arrow.down, 
notebook > header.right > tabs > arrow.down { 
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
notebook > header.left > tabs > arrow.up, 
notebook > header.right > tabs > arrow.up { 
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
notebook > header > tabs > arrow { 
  min-height: 16px; 
  min-width: 16px; 
  border-radius: 0;
}
notebook > header > tabs > arrow:disabled { 
  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; -gtk-icon-shadow: none;
}
notebook > header tab { 
  min-height: 22px;
  min-width: 30px; 
  padding: 1px 12px;
  margin:3px;
  color: @text_color;
  text-shadow: -0.1px 0px alpha(@text_color, 0.20),
		        0.1px 0px alpha(@text_color, 0.20),
		         0px 0.1px alpha(@text_color, 0.20),
		       0px -0.1px alpha(@text_color, 0.20),
	           0px -1px alpha(@text_shadow_color, 0.12),
		      0px 1px alpha(@text_shadow_color, 0.4),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  font-weight: normal; 
  background-image:none;
  border-radius: 3px;
}
notebook > header tab.reorderable-page { 
  min-height: 20px;
  min-width: 30px; 
  padding: 1px 12px;
  margin:-0;
  border-radius: 0px;
  color: @text_color;
  text-shadow:   -0.1px 0px alpha(@text_color, 0.20),
		  0.1px 0px alpha(@text_color, 0.20),
		  0px 0.1px alpha(@text_color, 0.20),
		  0px -0.1px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.4),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  font-weight: normal;
}
/*notebook > header.left > tabs > tab:hover,*/
notebook > header tab:hover { 
  color: @text_color;
  text-shadow:   -0.1px 0px alpha(@text_color, 0.20),
		  0.1px 0px alpha(@text_color, 0.20),
		  0px 0.1px alpha(@text_color, 0.20),
		  0px -0.1px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.4),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-image:image(alpha(@text_color,0.1));
}
notebook > header tab:hover.reorderable-page { 
  background-image:linear-gradient(to top,shade(@headerbar_color,0.94),shade(@headerbar_color,0.94));
}/*---hover inactive tab*/

notebook > header tab:checked { 
  color: @text_color;
  text-shadow:   -0.1px 0px alpha(@text_color, 0.20),
		  0.1px 0px alpha(@text_color, 0.20),
		  0px 0.1px alpha(@text_color, 0.20),
		  0px -0.1px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.4),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
}
notebook > header tab:checked.reorderable-page:hover,
notebook > header tab:checked.reorderable-page { 
  margin-top: 0px;
  margin-left: 1px;
  margin-right: -1px;
  background-image:linear-gradient(shade(@headerbar_selected_accent_color,1.05), shade(@headerbar_selected_accent_color,0.95));
}/*---active tab normal*/
notebook > header tab button.flat { 
  border-radius: 2px;
  color: alpha(@text_color,0.4);
  padding: 1px; 
  margin-top: 1px;
  margin-bottom: 1px;
  min-width: 20px;
  min-height: 20px; 
  border-color: transparent;
  background-color: rgba(0,0,0,0.0);
  background-image: none;
  box-shadow: none;
}
notebook > header tab button.flat:hover { 
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: alpha(@text_color,0.8); /*was 0.6*/
}
notebook > header tab button.flat:last-child { 
  margin-left:  4px;
  margin-right: -4px;
}
notebook > header tab button.flat:first-child { 
  margin-left: -4px; 
  margin-right:  4px;
}
notebook > header.top tabs:not(:only-child):first-child, 
notebook > header.bottom tabs:not(:only-child):first-child { 
  margin-left: -1px;
}
notebook > header.top tabs:not(:only-child):last-child, 
notebook > header.bottom tabs:not(:only-child):last-child { 
  margin-right: -1px;
}
notebook > header.top tabs tab.reorderable-page, 
notebook > header.bottom tabs tab.reorderable-page { 
  border-style: none solid;
}
notebook > header.left tabs, 
notebook > header.right tabs { 
  padding-top: 4px;
  padding-bottom: 4px;
}
notebook > header.left tabs:not(:only-child):first-child, 
notebook > header.right tabs:not(:only-child):first-child { 
  margin-top: -1px;
}
notebook > header.left tabs:not(:only-child):last-child, 
notebook > header.right tabs:not(:only-child):last-child { 
  margin-bottom: -1px;
}
notebook > header.left tabs tab.reorderable-page, 
notebook > header.right tabs tab.reorderable-page { 
  border-style: solid none;
}
notebook > header.top tab { 
  padding-top: 0px;
  padding-bottom: 0px;
}
notebook > header.bottom tab { 
  padding-top: 1px;
}
notebook > header > tabs > tab button.sidebar-button {
  border-radius: 4px;
  background-color:red;
}
notebook > header > tabs > tab button.sidebar-button:hover {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #ff4d4d;
}
/*notebook > header > tabs > tab:checked {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
notebook:focus:focus-visible > header > tabs > tab:checked {
  outline-color: rgba(22, 160, 133, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
notebook > header {
  padding: 1px;
  border-color: #c7c7c7;
  border-width: 1px;
  background-color: #dedede;
}
notebook > header > tabs {
  margin: -1px;
}
notebook > header.top {
  border-bottom-style: solid;
}
notebook > header.top > tabs {
  margin-bottom: -2px;
}
notebook > header.top > tabs > tab:hover {
  box-shadow: inset 0 -4px #c7c7c7;
}
notebook > header.top > tabs > tab:checked {
  box-shadow: inset 0 -4px #16a085;
}
notebook > header.bottom {
  border-top-style: solid;
}
notebook > header.bottom > tabs {
  margin-top: -2px;
}
notebook > header.bottom > tabs > tab:hover {
  box-shadow: inset 0 4px #c7c7c7;
}
notebook > header.bottom > tabs > tab:checked {
  box-shadow: inset 0 4px #16a085;
}
notebook > header.left {
  border-right-style: solid;
}
notebook > header.left > tabs {
  margin-right: -2px;
}
notebook > header.left > tabs > tab:hover {
  box-shadow: inset -4px 0 #c7c7c7;
}
notebook > header.left > tabs > tab:checked {
  box-shadow: inset -4px 0 #16a085;
}
notebook > header.right {
  border-left-style: solid;
}
notebook > header.right > tabs {
  margin-left: -2px;
}
notebook > header.right > tabs > tab:hover {
  box-shadow: inset 4px 0 #c7c7c7;
}
notebook > header.right > tabs > tab:checked {
  box-shadow: inset 4px 0 #16a085;
}
notebook > header.top > tabs > arrow {
  border-top-style: none;
}
notebook > header.bottom > tabs > arrow {
  border-bottom-style: none;
}
notebook > header.top > tabs > arrow,
notebook > header.bottom > tabs > arrow {
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 4px;
  padding-right: 4px; }
notebook > header.top > tabs > arrow.down,
notebook > header.bottom > tabs > arrow.down {
  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}
notebook > header.top > tabs > arrow.up,
notebook > header.bottom > tabs > arrow.up {
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
notebook > header.left > tabs > arrow {
  border-left-style: none;
}
notebook > header.right > tabs > arrow {
  border-right-style: none;
}
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
  margin-top: -5px;
  margin-bottom: -5px;
  padding-top: 4px;
  padding-bottom: 4px;
}
notebook > header.left > tabs > arrow.down,
notebook > header.right > tabs > arrow.down {
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
notebook > header.left > tabs > arrow.up,
notebook > header.right > tabs > arrow.up {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
notebook > header > tabs > arrow {
  min-height: 16px;
  min-width: 16px;
  border-radius: 0;
}
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
  background-clip: padding-box;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: transparent;
  box-shadow: none;
}
notebook > header > tabs > arrow:disabled {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
notebook > header > tabs > tab {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 30px;
  min-width: 30px;
  padding: 3px 12px;
  color: #2e3436;
  font-weight: normal;
  border-width: 1px;
  border-color: transparent;
}
notebook > header > tabs > tab:hover {
  color: #2e3436;
  background-color: #d4d4d4;
}
notebook > header > tabs > tab.reorderable-page:hover {
  border-color: rgba(199, 199, 199, 0.3);
  background-color: rgba(245, 245, 245, 0.2);
}
notebook > header > tabs > tab:not(:checked) {
  outline-color: transparent;
}
notebook > header > tabs > tab:checked {
  color: #2e3436;
}
notebook > header > tabs > tab.reorderable-page:checked {
  border-color: rgba(199, 199, 199, 0.5);
  background-color: rgba(245, 245, 245, 0.5);
}
notebook > header > tabs > tab.reorderable-page:checked:hover {
  background-color: rgba(245, 245, 245, 0.7);
}
notebook > header > tabs > tab button.flat {
  color: alpha(currentColor,0.3);
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  min-width: 20px;
  min-height: 20px;
}
notebook > header > tabs > tab button.flat:hover {
  color: currentColor;
}
notebook > header > tabs > tab button.flat:last-child {
  margin-left: 4px;
  margin-right: -4px;
}
notebook > header > tabs > tab button.flat:first-child {
  margin-left: -4px;
        margin-right: 4px;
}
notebook > header.top > tabs, notebook > header.bottom > tabs {
  padding-left: 4px;
  padding-right: 4px;
}
notebook > header.top > tabs:not(:only-child),
notebook > header.bottom > tabs:not(:only-child) {
  margin-left: 3px;
  margin-right: 3px;
}
notebook > header.top > tabs:not(:only-child):first-child,
notebook > header.bottom > tabs:not(:only-child):first-child {
  margin-left: -1px;
}
notebook > header.top > tabs:not(:only-child):last-child,
notebook > header.bottom > tabs:not(:only-child):last-child {
  margin-right: -1px;
}
notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab {
  margin-left: 4px;
  margin-right: 4px;
}
notebook > header.top > tabs > tab.reorderable-page,
notebook > header.bottom > tabs > tab.reorderable-page {
  border-style: none solid;
}
notebook > header.left > tabs,
notebook > header.right > tabs {
  padding-top: 4px;
  padding-bottom: 4px;
}
notebook > header.left > tabs:not(:only-child),
notebook > header.right > tabs:not(:only-child) {
  margin-top: 3px;
  margin-bottom: 3px;
}
notebook > header.left > tabs:not(:only-child):first-child,
notebook > header.right > tabs:not(:only-child):first-child {
  margin-top: -1px;
}
notebook > header.left > tabs:not(:only-child):last-child,
notebook > header.right > tabs:not(:only-child):last-child {
  margin-bottom: -1px;
}
notebook > header.left > tabs > tab, notebook > header.right > tabs > tab {
  margin-top: 4px;
  margin-bottom: 4px;
}
notebook > header.left > tabs > tab.reorderable-page,
notebook > header.right > tabs > tab.reorderable-page {
  border-style: solid none;
}
notebook > header.top > tabs > tab {
  padding-bottom: 4px;
}
notebook > header.bottom > tabs > tab {
  padding-top: 4px;
}
notebook > stack:not(:only-child) {
  background-color: #ffffff; 
}*/
/**************
 * Scrollbars *
 **************/
scrollbar {
  background-color: transparent;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
scrollbar.top {
  border-bottom: 1px solid @borders;
}
scrollbar.bottom {
  border-top: 1px solid @borders;
}
scrollbar.left {
  border-right: 1px solid @borders;
}
scrollbar.right {
  border-left: 1px solid @borders;
}
scrollbar > range > trough > slider {
  min-width: 6px;
  min-height: 6px;
  margin: -1px;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
  background-color: alpha(@text_color, 0.5);
}
scrollbar > range > trough > slider:hover {
  background-color: alpha(@text_color, 0.7); 
}
scrollbar > range > trough > slider:hover:active {
  background-color: @color_700;
}
scrollbar > range > trough > slider:disabled {
  background-color: transparent;
}
scrollbar > range.fine-tune > trough > slider {
  min-width: 4px;
  min-height: 4px;
}
scrollbar > range.fine-tune.horizontal > trough > slider {
  border-width: 5px 4px;
}
scrollbar > range.fine-tune.vertical > trough > slider {
  border-width: 4px 5px;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  border-color: transparent;
  opacity: 0.4;
  background-color: transparent;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
  margin: 0;
  min-width: 3px;
  min-height: 3px;
  background-color: @text_color;
  border: 1px solid white;
}
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
  margin: 0 2px;
  min-width: 40px;
}
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
  margin: 2px 0;
  min-height: 40px;
}
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
  opacity: 0.8;
}
scrollbar.horizontal > range > trough > slider {
  min-width: 40px;
}
scrollbar.vertical > range > trough > slider {
    min-height: 40px;
}
treeview ~ scrollbar.vertical {
  border-top: 1px solid @borders;
  margin-top: -1px;
}
/**********
 * Switch *
 **********/
/*switch {
  font-weight: bold;
  font-size: smaller;
  border: 1px solid #c7c7c7;
  border-radius: 14px;
  color: #2e3436;
  background-color: #dedede;
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}*/
  /* only show i / o for the accessible theme */ 
switch {

  transition: all 700ms cubic-bezier(0, 0, 0.2, 1),box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
  margin: 4px 4px;
  padding: 1px 6px;
  border-radius: 100px;
  background-color: shade(@theme_bg_color,0.88);
  background-clip: padding-box;
  font-size: 0;
  color: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
switch {
  outline: 0 solid transparent;
  outline-offset: 4px; 
}
switch:focus:focus-visible {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: 0; 
}
headerbar switch {
  margin-top: 8px; 
  margin-bottom:8px;
  /*background-color: #cacaca;*/
}
switch:checked {
  background-image: linear-gradient(@color_700,@color_600);
  /*color: #ffffff;
  border-color: #0d5d4d;
  background-color: #16a085;*/
}
headerbar switch:checked{
  background-color: #a5a5a5;
}
switch:disabled {
  opacity: 0.5;
  /*color: #929596;
  border-color: #c7c7c7;
  background-color: #f9f9f9;
  text-shadow: none;*/
}
switch > slider {
  transition: all 500ms cubic-bezier(0, 0, 0.2, 1);
  min-width: 20px;
  min-height: 20px;
  margin: -3px -6px;
  border-radius: 9999px;
  border: 1px solid;
  border-color: @borders_dark;/*#ababab;*/
  box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image:linear-gradient(to top,shade(@button_color,0.93),@button_color);
  color: transparent;
  /*color: #2e3436;
  outline-color: rgba(22, 160, 133, 0.5);
  border-color: #c7c7c7;
  border-bottom-color: #b8b8b8;
  background-image: linear-gradient(to top, whitesmoke 2px, #fafafa);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
  margin: -1px;
  min-width: 24px;
  min-height: 24px;
  border: 1px solid;
  border-color: #c7c7c7;
  border-radius: 50%;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
}
switch > image {
    /*color: transparent;*/
    margin: -8px;
}

switch:checked > slider {
  transition: all 500ms cubic-bezier(0, 0, 0.2, 1);
  background-image:linear-gradient(to top,shade(@button_color,0.93),@button_color);
  color: transparent;
  border: 1px solid;
  border-color: shade(@color_600,0.68);
 /* border: 1px solid #0d5d4d;*/
}
headerbar switch:checked > slider {

  background-image:linear-gradient(to top,shade(@headerbar_color,0.93),@headerbar_color);
  color: transparent;
  border: 1px solid;
  border-color: shade(@color_600,0.68);
  box-shadow: none;
}
/*switch:disabled > slider {
  color: #929596;
  border-color: #d0d0d0;
  background-image: image(#f9f9f9);
}*/
/*row:selected switch {
  outline-color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
  border-color: #0d5d4d;
}
row:selected switch > slider:checked, row:selected switch > slider {
  border-color: #0d5d4d; 
}*/
/*************************
 * Check and Radio items *
 *************************/
.view.content-view.check:not(list),
iconview.content-view.check:not(list),
.content-view .tile check:not(list) {
 
  min-width: 40px;
  min-height: 40px;
  color: transparent;
  background-color: transparent;
  border-radius: 8px;
  background-image: image(@rad_chk_bg);
  transition: 200ms;
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1);
  border-width: 0;
  -gtk-icon-source: none;
  -gtk-icon-shadow: none;
}
.view.content-view.check:hover:not(list),
iconview.content-view.check:hover:not(list),
.content-view .tile check:hover:not(list) {
  
  min-width: 40px;
  min-height: 40px;
  color: transparent;
  background-color: transparent;
  border-radius: 8px;
  background-image: image(shade(@rad_chk_bg,1.1));
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: none;
  -gtk-icon-shadow: none;
}
.view.content-view.check:active:not(list),
iconview.content-view.check:active:not(list),
.content-view .tile check:active:not(list) {
  
  min-width: 40px;
  min-height: 40px;
  color: transparent;
  background-color: transparent;
  border-radius: 5px;
  background-image: image(shade(@rad_chk_bg, 0.92));
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: none;
  -gtk-icon-shadow: none;
}
/*.view.content-view.check:backdrop:not(list),
iconview.content-view.check:backdrop:not(list),
.content-view .tile check:backdrop:not(list) {
  margin: 4px;
  min-width: 32px;
  min-height: 32px;
  color: transparent;
  background-color: #5b5b5b;
  border-radius: 5px;
  background-image: none;
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: none;
  -gtk-icon-shadow: none;
}*/
.view.content-view.check:checked:not(list),
iconview.content-view.check:checked:not(list),
.content-view .tile check:checked:not(list) {
  
  min-width: 40px;
  min-height: 40px;
  color: @osd_text_color;
  background-color: transparent;
  border-radius: 8px;
  background-image: image(@rad_chk_bg);
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
  -gtk-icon-shadow: none;
}
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
.content-view .tile check:checked:hover:not(list) {
  
  min-width: 40px;
  min-height: 40px;
  color: @osd_text_color;
  background-color:transparent;
  border-radius: 8px;
  background-image: image(@rad_chk_bg);
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
  -gtk-icon-shadow: none;
}
.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
.content-view .tile check:checked:active:not(list) {
  
  min-width: 40px;
  min-height: 40px;
  color: @osd_text_color;
  background-color: transparent;
  border-radius: 8px;
  background-image: image(@rad_chk_bg);
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
  -gtk-icon-shadow: none;
}
/*.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) {
  margin: 4px;
  min-width: 32px;
  min-height: 32px;
  color: rgba(238, 238, 236, 0.8);
  background-color: #5b5b5b;
  border-radius: 5px;
  background-image: none;
  transition: 200ms;
  box-shadow: none;
  border-width: 0;
  -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
  -gtk-icon-shadow: none;
}*/

checkbutton {
  border-spacing: 4px;
  border-radius: 5px;
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
checkbutton {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
checkbutton:focus:focus-visible {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
checkbutton.text-button {
  padding: 4px; 
}
checkbutton.text-button label:not(:only-child):first-child, 
radiobutton.text-button label:not(:only-child):first-child { 
  margin-left: 4px;
}

checkbutton.text-button label:not(:only-child):last-child, 
radiobutton.text-button label:not(:only-child):last-child { 
  margin-right: 4px;
}

radio:indeterminate,
radio:indeterminate:hover,
radio,
radio:hover
{ 
  border: 1px solid;
  border-radius: 100%;
  border-color: shade(@borders,1); 
  text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  background-image:linear-gradient(to top,@button_color,shade(@button_color,0.92));
  background-color: transparent;
  color: alpha(@text_color,0.9);
  min-height:14px;
  min-width: 14px;
  -gtk-icon-source: none;
}
popover.menu radio:selected,
popover.menu radio,
popover.menu radio:hover
{
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 9999px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;
}
radio,
radio:hover{
  margin:0 6px;
}

treeview.view radio:checked:selected,
radio:active,
radio:checked:active,
radio:checked,
radio:checked:hover{ 
  color: @selected_text_color;
  background-position: center center;
  background-image: url("global-graphics/bullet.svg"),linear-gradient(to top,shade(@rad_chk_bg,1.02), shade(@rad_chk_bg,0.92));		 
  border-color: shade(@rad_chk_bg,0.92);
}  
popover.menu radio:active, 
popover.menu radio:checked:selected,
popover.menu radio:checked
{
  color: @text_color;
  background-image: none;
  box-shadow: none;
  border-radius: 9999px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/bullet-symbolic.svg"))); 
  -gtk-icon-shadow:transparent; 
}
popover.menu radio:checked:hover
{
  color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.5);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/bullet-symbolic.svg")));
}
/*popover.menu radio:selected{
  background-image: linear-gradient(to top,shade(@rad_chk_bg,1.08), shade(@rad_chk_bg,1.02));		 
  border-color: shade(@rad_chk_bg,0.92);
}*/
radio:indeterminate:active,
radio:indeterminate,
radio:indeterminate:hover{
  
  color: @selected_text_color;
  background-position: center center;
  background-image: linear-gradient(to top,shade(@rad_chk_bg,1), shade(@rad_chk_bg,0.92));
  -gtk-icon-transform: scale(1.0);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/list-remove-symbolic.svg"))); 
  border-color: shade(@rad_chk_bg,0.92);
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
popover.menu radio:checked:disabled,
radio:checked:disabled{
  color: alpha(@selected_text_color,0.6);
  -gtk-icon-source: none; 
  background-position: center center;
  background-image: url("global-graphics/bullet-disabled.svg"),linear-gradient(to top,shade(@rad_chk_bg,1), shade(@rad_chk_bg,0.92));		 
  border-color: shade(@rad_chk_bg,0.92);
}
radio:only-child { 
  margin: 0;
}
/*popover radio.left:dir(rtl) { 
  margin-left: 0; 
  margin-right: 12px;
}
popover radio.right:dir(ltr){ 
  margin-left: 12px; 
  margin-right: 0;
}*/
radio:indeterminate:disabled,
radio:disabled { 
  border-color: alpha(@borders,0.9); 
  background-image:none; 
  background-color:transparent; 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  box-shadow: none;
}
radio:indeterminate:disabled{
color: @selected_text_color;
  background-position: center center;
  background-image: linear-gradient(to top,shade(@rad_chk_bg,1), shade(@rad_chk_bg,0.92));
  -gtk-icon-transform: scale(1.0);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/list-remove-symbolic.svg"))); 
  border-color: shade(@rad_chk_bg,0.92);
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
radio:disabled label, 
radio:disabled { 
  color: @disabled_text_color;
}
row:selected radio { 
  border-color: @rad_chk_bg;
}
.osd radio { 
  color:@osd_button_text_color;
  text-shadow:      
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text-color, 0.15),
				  0px  2px alpha(@osd_button_text_color, 0.06);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1.02),shade(@osd_button_color,0.88));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.osd radio:hover { 
 color:@osd_button_text_color;
  text-shadow:      
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text-color, 0.15),
				  0px  2px alpha(@osd_button_text_color, 0.06);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1),shade(@osd_button_color,1));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;
}
.osd radio:active { 

 color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.2),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  -gtk-icon-shadow: none; 
  box-shadow: none;
}
.osd radio:disabled {
 
  color: @disabled_text_color;
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;
}
/*treeview.view radio:indeterminate:selected, */
radio:indeterminate { 
  -gtk-icon-transform: scale(1.0);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/list-remove-symbolic.svg")));
} 
/*radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
  -gtk-icon-transform: scale(0);
}
radio:active { 
  -gtk-icon-transform: 
 scale(0, 1);*/
}  
treeview.view radio:selected:focus, 
treeview.view radio:selected { 

  color: @selected_text_color; 
  border-color: shade(@rad_chk_bg,0.88);}

 
treeview.view radio:selected:disabled { 

  color: @disabled_text_color; }
    
/*(((((((((((( CHECK   )))))))))))*/

check:indeterminate,
check:indeterminate:hover,
check,
check:hover{ 
  border: 1px solid;
  border-radius: 4px;
  color: alpha(@text_color,0.9);
  min-height:14px;
  min-width: 14px;
  background-color:transparent;
  border-color: shade(@borders,1); 
  text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231);
  background-image:linear-gradient(to top,@button_color,shade(@button_color,0.92));
  -gtk-icon-shadow: none;
  -gtk-icon-source: none;
}
popover.menu check:selected,
popover.menu check,
popover.menu check:hover
{
   -gtk-icon-source: image(-gtk-recolor(url("global-graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius:4px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;
}
check,
check:hover{
margin:0 6px;
}

check:indeterminate:active,
check:checked:active,
check:checked:hover,
check:hover:checked,
check:checked,
check:active{ 
  min-height:14px;
  min-width: 14px;
  color: @selected_text_color;
  border-color: shade(@rad_chk_bg,0.9);
  background-color:transparent;
  background-image:linear-gradient(to top,@rad_chk_bg,shade(@rad_chk_bg,0.9));
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8); 
 /* -gtk-icon-transform: scale(0.9,1); */
 /* -gtk-icon-source: -gtk-icontheme('object-select-symbolic');*/
 -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));
}
popover.menu check:checked,
popover.menu check:checked:selected,
popover.menu check:active
{
  color: @text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));
  }
/*popover.menu check:selected{
  background-color:transparent;
  border-color: shade(@rad_chk_bg,1);
  background-image:linear-gradient(to top,@rad_chk_bg,shade(@rad_chk_bg,0.9));
  box-shadow:none;
}*/
popover.menu check:checked:selected{
 color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));  

}

check:only-child { 
  margin: 0;
} 
/*popover check.left:dir(rtl) { 
  margin-left: 12px; 
  margin-right: 0px;
}
popover check.right:dir(ltr) { 
  margin-left: 12px;
  margin-right: 0px;
}*/
check:checked:disabled,
popover.menu check:active:disabled,
popover.menu check:checked:disabled{
  color: @selected_text_color;
  border-color: @rad_chk_bg;
  background-color:transparent;
  background-image:linear-gradient(to top,@rad_chk_bg,shade(@rad_chk_bg,0.9));
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px @color_1000; 
  /*-gtk-icon-transform: scale(0.9,1);*/ 
  /*-gtk-icon-source: -gtk-icontheme('object-select-symbolic');*/
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));
}

popover.menu check:disabled,
check:disabled{ 
  min-height:14px;
  min-width: 14px;
  background-color:transparent;
  border-color: alpha(@borders,0.8); 
  background-image:none;
  background-color:transparent;
 /* text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231);*/
 /* background-image:linear-gradient(to top,@button_color,shade(@button_color,0.92));*/
  -gtk-icon-source: none;
}
check:disabled label, 
check:disabled{ 
  color: alpha(@selected_text_color,1);
}
/*menu menuitem check:hover:checked,
menu menuitem check:checked, 
menu menuitem check:active,
menu menuitem check:checked:hover,
popover check:checked,
popover check:active,  
popover check:hover:checked,
check:checked:selected,
check:checked:selected:hover,
check:checked:hover,
check:hover:checked,
check:hover:selected,
check:checked,
check:active{ 
  min-height:14px;
  min-width: 14px;
  color: @selected_text_color;
  border-color: shade(@rad_chk_bg,1);
  background-color:transparent;
  background-image:linear-gradient(to top,@rad_chk_bg,shade(@rad_chk_bg,1));
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8); 
  -gtk-icon-transform: scale(0.9,1); 
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));
}*/
/*menu menuitem check:checked:disabled,
menu menuitem check:selected:disabled{
  border-radius: 4px;
  min-height:14px;
  min-width: 14px;
  background-color:transparent;
  border-color: alpha(@borders,0.9); 
  background-image: none; 
  text-shadow: none; -gtk-icon-shadow: none; 
  -gtk-icon-transform: scale(0.9,1); 
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/object-select-symbolic.svg")));
}*/
check:indeterminate,
check:indeterminate:hover {
  color: @selected_text_color;
  border-color: @rad_chk_bg;
  background-color:transparent;
  background-image:linear-gradient(to top,@rad_chk_bg,shade(@rad_chk_bg,0.9));
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px @color_1000; 
  -gtk-icon-transform: scale(0.9,1);
  -gtk-icon-source: image(-gtk-recolor(url("global-graphics/list-remove-symbolic.svg")));
}


/*menu menuitem check:checked:not(:backdrop), 
menu menuitem check:indeterminate:not(:backdrop) { 
 transition: none;
}*/
treeview.view check:selected:focus, 
treeview.view check:selected{
  color: @selected_text_color; 
  border-color: @color_800;
}
treeview.view check:selected:disabled{
  color: @disabled_text_color;
}
row:selected check{ 
  border-color: @color_800;
}
radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
  -gtk-icon-transform: scale(0);
}
check:not(:indeterminate):not(:checked):active:not(:backdrop) {

-gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0);
}

radio:active,
check:active {
  /*-gtk-icon-transform: scale(0, 1);*/
}
check:checked:not(:backdrop), 
check:indeterminate:not(:backdrop) { 
 /* -gtk-icon-transform: unset; 
  transition: 400ms;
  -gtk-icon-transform: scale(0.8,0.8);*/
}
radio:checked:not(:backdrop), 
radio:indeterminate:not(:backdrop){
 /*  -gtk-icon-transform: unset;
  transition: 400ms;
  -gtk-icon-transform: scale(1.0);
  transition: 400ms;*/
}
/*menu menuitem radio:checked:not(:backdrop), 
menu menuitem radio:indeterminate:not(:backdrop), 
menu menuitem check:checked:not(:backdrop), 
menu menuitem check:indeterminate:not(:backdrop) { 
transition: none;
}*/
.osd check:active { 
  color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.2),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.4),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  -gtk-icon-shadow: none; 
  box-shadow: none;
}   
.osd check:disabled {
  color: @disabled_text_color;
  text-shadow:    
		-0.1px 0px alpha(@disabled_text_color, 0.2),
		0.1px 0px alpha(@disabled_text_color, 0.2),
		0px 0.1px alpha(@disabled_text_color, 0.2),
		0px -0.1px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.4),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;
}

/*check,
radio {
  min-height: 14px;
  min-width: 14px;
  border: 1px solid;
  -gtk-icon-source: none;
}
check,
radio {
  background-clip: padding-box;
  background-image: linear-gradient(to bottom, white 20%, white 90%);
  border-color: #b8b8b8;
  box-shadow: 0 1px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}
check:hover,
radio:hover {
  background-image: image(#f2f2f2);
}
check:active,
radio:active {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
  background-image: image(#d9d9d9);
}
check:disabled,
radio:disabled {
  box-shadow: none;
  color: rgba(255, 255, 255, 0.7);
}
check:checked,
radio:checked {
  background-clip: border-box;
  background-image: linear-gradient(to bottom, #19b698 20%, #16a085 90%);
  border-color: #107360;
  box-shadow: 0 1px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}
check:checked:hover,
radio:checked:hover {
  background-image: linear-gradient(to bottom, #1cc8a7 10%, #18b294 90%);
}
check:checked:active,
radio:checked:active {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
  background-image: image(#138a72);
}
check:checked:disabled,
radio:checked:disabled {
  box-shadow: none;
  color: rgba(255, 255, 255, 0.7);
}
check:indeterminate,
radio:indeterminate {
  background-clip: border-box;
  background-image: linear-gradient(to bottom, #19b698 20%, #16a085 90%);
  border-color: #107360;
  box-shadow: 0 1px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}
check:indeterminate:hover,
radio:indeterminate:hover {
  background-image: linear-gradient(to bottom, #1cc8a7 10%, #18b294 90%);
}
check:indeterminate:active,
radio:indeterminate:active {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
  background-image: image(#138a72);
}
check:indeterminate:disabled,
radio:indeterminate:disabled {
  box-shadow: none;
  color: rgba(255, 255, 255, 0.7); 
}
row:selected check,
row:selected radio {
  border-color: #107360; }
.osd check,
.osd radio {
  color: #eeeeec;
  outline-color: rgba(22, 160, 133, 0.5);
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(53, 53, 53, 0.7));
  background-clip: padding-box;
  box-shadow: none;
}
.osd check:hover, .osd radio:hover {
  color: #eeeeec;
  outline-color: rgba(22, 160, 133, 0.5);
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(53, 53, 53, 0.7));
  background-clip: padding-box;
  box-shadow: none;
}
.osd check:active,
.osd radio:active {
  color: white;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(2, 2, 2, 0.7));
  background-clip: padding-box;
  box-shadow: none;
}
.osd check:disabled,
.osd radio:disabled {
      color: #919190;
      border-color: rgba(0, 0, 0, 0.7);
      background-color: transparent;
      background-image: image(rgba(71, 71, 71, 0.5));
      background-clip: padding-box;
}
check {
  border-radius: 3px;
  -gtk-icon-size: 14px;
} 
check:checked {
    -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png")));
}
  
check:indeterminate {
    -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png")));
}

treeview.view radio:selected:focus,
treeview.view radio:selected,
radio {
  border-radius: 100%;
  -gtk-icon-size: 14px;
}
treeview.view radio:checked:selected,
radio:checked {
    -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png")));
}
treeview.view radio:indeterminate:selected,
radio:indeterminate{
    -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png")));
}
treeview.view check:selected:focus,
treeview.view check:selected,
treeview.view radio:selected:focus,
treeview.view radio:selected {
  color: #ffffff;
  border-color: #0d5d4d;
}*/

/************
 * GtkScale *
 ************/
progressbar > trough, scale > trough > fill,
scale > trough {
  border: 1px solid @borders;
  border-radius: 3px;
  background-color: shade(@borders,1.1);
}
progressbar > trough:disabled,
scale > trough > fill:disabled,
scale > trough:disabled {
  background-color: shade(@borders,1.2); 
  border-color: shade(@borders,1.2);
 }
row:selected progressbar > trough,
row:selected scale > trough > fill,
row:selected scale > trough {
  outline-color: rgba(255, 255, 255, 0.8);
  border-color: @color_600;
}
.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
  border-color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.5);
}
.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled {
  background-color: rgba(71, 71, 71, 0.5);
}
progressbar > trough > progress, scale > trough > highlight {
  border: 1px solid @color_600;
  border-radius: 3px;
  background-color: @color_600;/*#16a085;*/
}
  progressbar > trough > progress:disabled, scale > trough > highlight:disabled {
  background-color: transparent;
  border-color: transparent;
}
row:selected progressbar > trough > progress, row:selected scale > trough > highlight {
  border-color: @color_600;
}
.osd progressbar > trough > progress, .osd scale > trough > highlight {
  border-color: rgba(0, 0, 0, 0.7);
}
.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled {
  border-color: transparent;
}
scale {
  min-height: 10px;
  min-width: 10px;
  padding: 12px;
}
scale > trough {
  outline: 0 solid transparent;
  outline-offset: 16px;
}
scale:focus:focus-visible > trough {
  outline-color: alpha(@color_600,0.5);/*rgba(22, 160, 133, 0.5);**/
  outline-width: 2px;
  outline-offset: 10px;
}
scale > trough {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
scale > trough > fill,
scale > trough > highlight {
  margin: -1px;
}
scale > trough > slider {
  min-height: 18px;
  min-width: 18px;
  margin: -9px;
}
scale.fine-tune.horizontal {
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 16px;
}
scale.fine-tune.vertical {
  padding-left: 9px;
  padding-right: 9px;
  min-width: 16px;
}
scale.fine-tune > trough > slider {
  margin: -6px;
}
scale.fine-tune > trough > fill,
scale.fine-tune > trough > highlight,
scale.fine-tune > trough {
  border-radius: 5px; }
scale > trough > fill:disabled {
  border-color: transparent;
  background-color: transparent;
}
.osd scale > trough > fill {
  background-color: rgba(91, 91, 90, 0.775);
}
.osd scale > trough > fill:disabled {
  border-color: transparent;
  background-color: transparent;
}
scale > trough > slider {
  color: #2e3436;
  outline-color: alpha(@color_600,0.5);/*rgba(22, 160, 133, 0.5);*/
  border-color: @borders;
  border-bottom-color: @borders;
  background-image: linear-gradient(to bottom right, shade(@button_color,0.93), shade(@button_color,0.90));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background, border, box-shadow;
}
scale > trough > slider:hover {
  color: #2e3436;
  background-image: linear-gradient(to bottom right, shade(@button_color,1.1), shade(@button_color,1.16));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
scale > trough > slider:active {
   border-color: @color_700;
  border-bottom-color: @color_700;
  background-image: linear-gradient(to top, @color_700, @color_600);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
scale > trough > slider:disabled {
  color: #929596;
  border-color: shade(@button_color,0.7);
  background-image: shade(@button_color,0.8);
}
row:selected scale > trough > slider:disabled,
row:selected scale > trough > slider {
  border-color: @color_700;
}
.osd scale > trough > slider {
  color: #eeeeec;
  outline-color: alpha(@color_600,0.5)
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(53, 53, 53, 0.7));
  background-clip: padding-box;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: #353535;
}
.osd scale > trough > slider:hover {
  color: white;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(27, 27, 27, 0.7));
  background-clip: padding-box;
  box-shadow: none;
  background-color: #353535;
}
.osd scale > trough > slider:active {
  color: white;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(2, 2, 2, 0.7));
  background-clip: padding-box;
  box-shadow: none;
  background-color: #353535;
}
.osd scale > trough > slider:disabled {
  color: #919190;
  border-color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
  background-image: image(rgba(71, 71, 71, 0.5));
  background-clip: padding-box;
  background-color: #353535;
}
scale > value {
  color: alpha(currentColor,0.55);
  font-feature-settings: "tnum";
}
scale.horizontal > marks {
  color: alpha(currentColor,0.55);
}
scale.horizontal > marks.top {
  margin-bottom: 6px;
}
scale.horizontal > marks.bottom {
  margin-top: 6px;
}
scale.horizontal > marks indicator {
  background-color: currentColor;
  min-height: 6px;
  min-width: 1px;
}
scale.horizontal > value.left {
  margin-right: 9px;
}
scale.horizontal > value.right {
  margin-left: 9px;
}
scale.horizontal.fine-tune > marks.top {
  margin-top: 3px;
}
scale.horizontal.fine-tune > marks.bottom {
  margin-bottom: 3px;
}
scale.horizontal.fine-tune > marks indicator {
  min-height: 3px;
}
scale.vertical > marks {
  color: alpha(currentColor,0.55);
}
scale.vertical > marks.top {
  margin-right: 6px;
}
scale.vertical > marks.bottom {
  margin-left: 6px;
}
scale.vertical > marks indicator {
  background-color: currentColor;
  min-height: 1px;
  min-width: 6px;
}
scale.vertical > value.top {
  margin-bottom: 9px;
}
scale.vertical > value.bottom {
  margin-top: 9px;
}
scale.vertical.fine-tune > marks.top {
  margin-left: 3px;
}
scale.vertical.fine-tune > marks.bottom {
  margin-right: 3px; 
}
scale.vertical.fine-tune > marks indicator {
  min-height: 3px;
}
scale.horizontal.marks-before:not(.marks-after) > trough > slider {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
 
  background-image: -gtk-scaled(url("global-graphics/scale-slider-dark.svg"),
                                url("global-graphics/scale-slider-dark@2.svg"));
  transform: rotate(0deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-top: -14px;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -7px -10px;
  margin-top: -11px;
}
scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-hover-dark.svg"),
                                url("global-graphics/scale-slider-hover-dark@2.svg"));
  transform: rotate(0deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-top: -14px;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -7px -10px;
  margin-top: -11px;
}
scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-active-dark.svg"),
                                url("global-graphics/scale-slider-active-dark@2.svg"));
  transform: rotate(0deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-top: -14px;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -7px -10px;
  margin-top: -11px;
}
scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-disabled-dark.svg"),
                                url("global-graphics/scale-slider-disabled-dark@2.svg"));
  transform: rotate(0deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-top: -14px;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -7px -10px;
  margin-top: -11px;
}
scale.horizontal.marks-after:not(.marks-before) > trough > slider {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-dark.svg"),
                                url("global-graphics/scale-slider-dark@2.svg"));
  transform: rotate(180deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 26px;
  margin-bottom: -14px;
  background-position: bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -7px -10px;
  margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-hover-dark.svg"),
                                url("global-graphics/scale-slider-hover-dark@2.svg"));
  transform: rotate(180deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 26px;
  margin-bottom: -14px;
  background-position: bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -7px -10px;
  margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-active-dark.svg"),
                                url("global-graphics/scale-slider-active-dark@2.svg"));
  transform: rotate(180deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 26px;
  margin-bottom: -14px;
  background-position: bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -7px -10px;
  margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
  margin: -10px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-disabled-dark.svg"),
                                url("global-graphics/scale-slider-disabled-dark@2.svg"));
  transform: rotate(180deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 26px;
  margin-bottom: -14px;
  background-position: bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -7px -10px;
  margin-bottom: -11px;
}
scale.vertical.marks-before:not(.marks-after) > trough > slider {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-dark.svg"),
                                url("global-graphics/scale-slider-dark@2.svg"));
  transform: rotate(270deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-left: -14px;
  background-position: left bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -14px -7px;
  margin-left: -11px;
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-hover-dark.svg"),
                                url("global-graphics/scale-slider-hover-dark@2.svg"));
  transform: rotate(270deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-left: -14px;
  background-position: left bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -14px -7px;
  margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-active-dark.svg"),
                                url("global-graphics/scale-slider-active-dark@2.svg"));
  transform: rotate(270deg);
  transition-duration:0;
  min-height: 22px;
  min-width: 26px;
  margin-left: -14px;
  background-position: left bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -14px -7px;
  margin-left: -11px;
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-disabled-dark.svg"),
                                url("global-graphics/scale-slider-disabled-dark@2.svg"));
  transform: rotate(270deg);
  transition-duration:0;
  min-height: 26px;
  min-width: 22px;
  margin-left: -14px;
  background-position: left bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
  margin: -14px -7px;
  margin-left: -11px;
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-dark.svg"),
                                url("global-graphics/scale-slider-dark@2.svg"));
  transform: rotate(90deg);
  transition-duration:0;
  min-height: 22px;
  min-width: 26px;
  margin-right: -14px;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -14px -7px;
  margin-right: -11px;
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-hover-dark.svg"),
                                url("global-graphics/scale-slider-hover-dark@2.svg"));
  transform: rotate(90deg);
  transition-duration:0;
  min-height: 22px;
  min-width: 26px;
  margin-right: -14px;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -14px -7px;
  margin-right: -11px;
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-active-dark.svg"),
                                url("global-graphics/scale-slider-active-dark@2.svg"));
  transform: rotate(90deg);
  transition-duration:0;
  min-height: 22px;
  min-width: 26px;
  margin-right: -14px;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -14px -7px;
  margin-right: -11px;
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
  margin: -14px;
  margin-top:-14px;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(url("global-graphics/scale-slider-disabled-dark.svg"),
                                url("global-graphics/scale-slider-disabled-dark@2.svg"));
  transform: rotate(90deg);
  transition-duration:0;
  min-height: 22px;
  min-width: 26px;
  margin-right: -14px;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: none;
}
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
  margin: -14px -7px;
  margin-right: -11px;
}
scale.color {
  min-height: 0;
  min-width: 0;
}
scale.color > trough {
  background-image: image(@borders);
  background-repeat: no-repeat;
}
scale.color.horizontal {
  padding: 0 0 15px 0;
}
scale.color.horizontal > trough {
 padding-bottom: 4px;
 background-position: 0 -3px;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
scale.color.horizontal > trough > slider:dir(ltr):hover, 
scale.color.horizontal > trough > slider:dir(ltr):backdrop,
scale.color.horizontal > trough > slider:dir(ltr):disabled,
scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled,
scale.color.horizontal > trough > slider:dir(ltr),
scale.color.horizontal > trough > slider:dir(rtl):hover,
scale.color.horizontal > trough > slider:dir(rtl):backdrop,
scale.color.horizontal > trough > slider:dir(rtl):disabled,
scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled,
scale.color.horizontal > trough > slider:dir(rtl) {
  margin-bottom: -15px;
  margin-top: 6px;
}
scale.color.vertical:dir(ltr) {
  padding: 0 0 0 15px;
}
scale.color.vertical:dir(ltr) > trough {
  padding-left: 4px;
  background-position: 3px 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
scale.color.vertical:dir(ltr) > trough > slider:hover,
scale.color.vertical:dir(ltr) > trough > slider:backdrop,
scale.color.vertical:dir(ltr) > trough > slider:disabled,
scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled,
scale.color.vertical:dir(ltr) > trough > slider {
  margin-left: -15px;
  margin-right: 6px;
}
scale.color.vertical:dir(rtl) {
  padding: 0 15px 0 0;
}
scale.color.vertical:dir(rtl) > trough {
  padding-right: 4px;
  background-position: -3px 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
scale.color.vertical:dir(rtl) > trough > slider:hover,
scale.color.vertical:dir(rtl) > trough > slider:backdrop,
scale.color.vertical:dir(rtl) > trough > slider:disabled,
scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled,
scale.color.vertical:dir(rtl) > trough > slider {
  margin-right: -15px;
  margin-left: 6px;
}
scale.color.fine-tune.horizontal:dir(ltr),
scale.color.fine-tune.horizontal:dir(rtl) {
  padding: 0 0 12px 0;
}
scale.color.fine-tune.horizontal:dir(ltr) > trough,
scale.color.fine-tune.horizontal:dir(rtl) > trough {
  padding-bottom: 7px;
  background-position: 0 -6px;
}
scale.color.fine-tune.horizontal:dir(ltr) > trough > slider,
scale.color.fine-tune.horizontal:dir(rtl) > trough > slider {
  margin-bottom: -15px;
  margin-top: 6px;
}
scale.color.fine-tune.vertical:dir(ltr) {
  padding: 0 0 0 12px;
}
scale.color.fine-tune.vertical:dir(ltr) > trough {
  padding-left: 7px;
  background-position: 6px 0;
}
scale.color.fine-tune.vertical:dir(ltr) > trough > slider {
  margin-left: -15px;
  margin-right: 6px;
}
scale.color.fine-tune.vertical:dir(rtl) {
  padding: 0 12px 0 0;
}
scale.color.fine-tune.vertical:dir(rtl) > trough {
  padding-right: 7px;
  background-position: -6px 0;
}
scale.color.fine-tune.vertical:dir(rtl) > trough > slider {
  margin-right: -15px;
  margin-left: 6px;
}

/*****************
 * Progress bars *
 *****************/
progressbar { 
  font-size: smaller; 
  color: alpha(@osd_button_color, 0.4); 
  font-feature-settings: "tnum";
}
progressbar.horizontal > trough {
  min-width: 150px;
}
progressbar.horizontal > trough, 
progressbar.horizontal > trough > progress {
  min-height: 2px;
}
progressbar.vertical > trough {
  min-height: 80px;
}
progressbar.vertical > trough, 
progressbar.vertical > trough > progress {
  min-width: 2px;
}
progressbar.horizontal > trough > progress {
  margin: 0 -1px;
}
progressbar.vertical > trough > progress {
  margin: -1px 0;
}
progressbar > trough > progress {
  /* share most of scales' */
  /* override insensitive that is specific to progress */
  border-radius: 1.5px;
}
progressbar > trough > progress:disabled {
  background-color: @disabled_text_color;
  border-color: @disabled_text_color;
}
progressbar > trough > progress.left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
progressbar > trough > progress.right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
progressbar > trough > progress.top {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
progressbar > trough > progress.bottom {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
progressbar.osd {
  min-width: 3px;
  min-height: 3px;
  background-color: transparent;
}
progressbar.osd > trough {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
progressbar.osd > trough > progress {
  border-style: none;
  border-radius: 0;
}
progressbar > trough.empty > progress {
  all: unset;
}

/*************
 * Level Bar *
 *************/
levelbar.horizontal trough > block {
  min-height: 9px;
  border-radius: 3px;
}
levelbar.horizontal trough > block:dir(rtl) {
  border-radius: 0 3px 3px 0;
}
levelbar.horizontal trough > block:dir(ltr) {
  border-radius: 3px 0 0 3px;
}
levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full {
  border-radius: 3px; 
}
levelbar.horizontal.discrete trough > block {
  min-height: 2px;
  margin: 1px;
  min-width: 24px;
  border-radius: 0;
}
levelbar.horizontal.discrete trough > block:first-child {
  border-radius: 2px 0 0 2px;
}
levelbar.horizontal.discrete trough > block:last-child {
  border-radius: 0 2px 2px 0;
}
levelbar.vertical trough > block {
  min-width: 9px;
  border-radius: 3px;
}
levelbar.vertical.discrete > trough > block {
  min-width: 2px;
  margin: 1px 0;
  min-height: 32px;
}
levelbar > trough {
  padding: 0;
}
levelbar > trough > block {
  border: 1px solid;
}
levelbar > trough > block.low {
  border-color: #c26000;
  background-color: #f57900;
}
levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
  border-color: @color_600;
  background-color: @color_600;/*#16a085;*/
}
levelbar > trough > block.full {
  border-color: @color_700;
  background-color: @color_700;
}
levelbar > trough > block.empty {
  background-color: shade(@button_color,0.6);
  border-color: shade(@button_color,0.5);
}

/****************
 * Print dialog *
*****************/
window.dialog.print drawing {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
                  0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  background: none;
  border: none;
  padding: 0;
}
window.dialog.print drawing paper {
  background: white;
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
                  0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  border: 1px solid @borders;
}
window.dialog.print .dialog-action-box {
  margin: 12px;
}

/**********
 * Frames *
 **********/
frame,
.frame {
  border: 1px solid @borders;
}

frame {
  border-radius: 8px;
}
frame > label {
  margin: 4px;
}
actionbar > revealer > box {
  padding: 6px;
  border-spacing: 6px;
  border-top: 1px solid @borders;
}
scrolledwindow > overshoot.top {
  background-image: radial-gradient(farthest-side at top, #aeaeae 85%, rgba(174, 174, 174, 0)), radial-gradient(farthest-side at top, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
  background-size: 100% 3%, 100% 50%;
  background-repeat: no-repeat;
  background-position: top;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
scrolledwindow > overshoot.bottom {
  background-image: radial-gradient(farthest-side at bottom, #aeaeae 85%, rgba(174, 174, 174, 0)), radial-gradient(farthest-side at bottom, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
  background-size: 100% 3%, 100% 50%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

scrolledwindow > overshoot.left {
  background-image: radial-gradient(farthest-side at left, #aeaeae 85%, rgba(174, 174, 174, 0)), radial-gradient(farthest-side at left, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
  background-size: 3% 100%, 50% 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

scrolledwindow > overshoot.right {
  background-image: radial-gradient(farthest-side at right, #aeaeae 85%, rgba(174, 174, 174, 0)), radial-gradient(farthest-side at right, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
  background-size: 3% 100%, 50% 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

scrolledwindow > junction {
  background: #c7c7c7, linear-gradient(to bottom, transparent 1px, #cdcecf 1px), linear-gradient(to right, transparent 1px, #cdcecf 1px);
}
  scrolledwindow > junction:dir(rtl) {
    background: #c7c7c7, linear-gradient(to bottom, transparent 1px, #cdcecf 1px), linear-gradient(to left, transparent 1px, #cdcecf 1px);
}
separator {
  background: shade(@borders,1.6);
  min-height: 1px;
}

/*********
 * Lists *
 *********/
listview,
list {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  border-color: @borders;
  background-color: @insensitive_bg_color;
}
/*listview:backdrop,
list:backdrop {
  color: #323232;
  background-color: #fcfcfc;
  border-color: #d0d0d0;
}*/
listview > row,
list > row {
  color: @text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
  padding: 2px;
}
listview > row.expander,
list > row.expander {
  padding: 0px;
}
listview > row.expander .row-header,
list > row.expander .row-header {
  padding: 2px;
}
listview.horizontal row.separator,
listview.separators.horizontal > row:not(.separator),
list.horizontal row.separator,
list.separators.horizontal > row:not(.separator) {
  border-left: 1px solid @borders;
}
listview:not(.horizontal) row.separator,
listview.separators:not(.horizontal) > row:not(.separator),
list:not(.horizontal) row.separator,
list.separators:not(.horizontal) > row:not(.separator) {
  border-bottom: 1px solid @borders;
}
row {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
row:focus:focus-visible {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
row.activatable.has-open-popup,
row.activatable:hover {
  background-color: alpha(@text_color,0.05); }
row.activatable:active {
  box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}
row.activatable:selected:active {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5);
}
row.activatable.has-open-popup:selected,
row.activatable:selected:hover {
  background-color: @color_500;
}
row:selected {
  outline-color: rgba(255, 255, 255, 0.8);
}
columnview > listview > row {
  padding: 0; }
columnview > listview > row > cell {
  padding: 8px 6px;
}
columnview > listview > row > cell:not(:first-child) {
  border-left: 1px solid transparent;
}
columnview.column-separators > listview > row > cell {
  border-left-color: @borders;
}
columnview.data-table > listview > row > cell {
  padding-top: 2px;
  padding-bottom: 2px;
}
treeexpander {
  border-spacing: 4px;
}
/********************************************************
 * Data Tables                                          *
 * treeview like tables with individual focusable cells *
 * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929     *
 ********************************************************/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
  outline: 2px solid alpha(@color_600, 0.5);
}
columnview row:not(:selected) cell editablelabel.editing:focus-within {
  outline: 2px solid @color_600;
}
columnview row:not(:selected) cell editablelabel.editing text selection {
  color: #ffffff;
  background-color: @color_600;
}
/*******************************************************
 * Rich Lists                                          *
 * Large list usually containing lots of widgets       *
 * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073    *
 *******************************************************/
.rich-list {
  /* rich lists usually containing other widgets than just labels/text */ 
}
.rich-list > row {
  padding: 8px 12px;
  min-height: 32px;
  /* should be tall even when only containing a label */
}
.rich-list > row > box {
  border-spacing: 12px;
}
/*********************
 * App Notifications *
 *********************/
.app-notification {
  padding: 10px; 
  border-radius: 0 0 4.66px 4.66px; 
  background-color: alpha(@osd_bg_color,0.7); 
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); 
  background-clip: padding-box; 
 }
.app-notification border {
    border: none; 
}
/*************
 * Expanders *
 *************/
expander {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
expander:dir(rtl) {
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
}
expander:disabled {
  color: @disabled_text_color;
}
  expander:checked {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
expander-widget > box > title {
  outline: 0 solid transparent;
  outline-offset: 4px;
}
expander-widget:focus:focus-visible > box > title {
  outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: -2px;
}
expander-widget > box > title {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 5px;
}
expander-widget > box > title:hover > expander {
  color: alpha(@text_color,0.5);
}
.navigation-sidebar:not(decoration):not(window):drop(active):focus,
.navigation-sidebar:not(decoration):not(window):drop(active),
placessidebar:not(decoration):not(window):drop(active):focus,
placessidebar:not(decoration):not(window):drop(active),
stackswitcher:not(decoration):not(window):drop(active):focus,
stackswitcher:not(decoration):not(window):drop(active),
expander-widget:not(decoration):not(window):drop(active):focus,
expander-widget:not(decoration):not(window):drop(active) {
  box-shadow: none;
}
/************
 * Calendar *
 ***********/
calendar {
  color: @text_color; 
  border: 1px solid @borders; }
calendar > header {
  border-bottom: 1px solid @borders;
}
calendar > header > button {
  border: none;
  box-shadow: none;
  background: none;
  border-radius: 0;
}
calendar > header > button:backdrop {
  background: none;
}
calendar > grid > label.today {
    box-shadow: inset 0px -2px @borders;
}
calendar > grid > label.today:selected {
    box-shadow: none;
}
calendar > grid > label:focus {
  outline-color: alpha(@color_600, 0.5);
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid;
}
calendar > grid > label.day-number {
  padding: 4px;
}
calendar > grid > label.day-number:selected {
  border-radius: 3px;
}
calendar > grid > label.day-number.other-month {
  color: alpha(currentColor,0.3);
}

/***********
 * Dialogs *
 ***********/
window.dialog.message .titlebar {
  border-width: 0 0 1px; 
  border-style: solid; 
  border-color: shade(@headerbar_color, 0.8); 
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.9),0.98), alpha(shade(@headerbar_color,1.06),0.98));
  box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  min-height: 28px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

window.dialog.message box.dialog-vbox.vertical {
  border-spacing: 10px;
}
window.dialog.message label.title {
  padding-top: 10px;
  font-weight: 800;
  font-size: 15pt;
}
window.dialog.message.csd.background {

  background-image: image(@base_bg_color);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius:6px;}
  
window.dialog.message.csd .dialog-action-area{
  padding:10px;}
}
window.dialog.message.csd .dialog-action-area button {
  
  padding:3px;
  border-radius: 4.66px;
  border-right-style: solid;
}
window.dialog.message.csd .dialog-action-area button:hover{
  color: @selected_text_color;
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.2),
				  0px   -1px alpha(@selected_text_shadow_color, 0.12),
				  0px    1px alpha(@selected_text_shadow_color, 0.4),
				  1px    0px alpha(@selected_text_shadow_color, 0.12),
				 -1px    0px alpha(@selected_text_shadow_color, 0.12);
  background-image: linear-gradient(@color_600, @color_700);
  border-color: @color_700;
  box-shadow: 0 1px 2px alpha(@borders_dark, 0.2);}
/*window.dialog.message.csd .dialog-action-area button:active{
  color: @selected_text_color;
  text-shadow:    
				 -0.1px  0px alpha(@selected_text_color, 0.2),
				  0.1px  0px alpha(@selected_text_color, 0.2),
				  0px  0.1px alpha(@selected_text_color, 0.2),
				  0px -0.1px alpha(@selected_text_color, 0.4),
				  0px   -1px alpha(@selected_text_shadow_color, 0.12),
				  0px    1px alpha(@selected_text_shadow_color, 0.4),
				  1px    0px alpha(@selected_text_shadow_color, 0.12),
				 -1px    0px alpha(@selected_text_shadow_color, 0.12);
  background-image: linear-gradient(to top,@color_600, @color_700);
  border-color: @color_700;
  box-shadow: 0 1px 2px alpha(@borders_dark, 0.2);}*/
/*window.dialog.message.csd .dialog-action-area button:active:not(:first-child):not(:last-child),
window.dialog.message.csd .dialog-action-area button:active:first-child,*/
window.dialog.message.csd .dialog-action-area button:not(:first-child):not(:last-child),
window.dialog.message.csd .dialog-action-area button:first-child {
  margin-right:10px;
}
window.dialog.message.csd .dialog-action-area button:only-child{
margin:0;}
window.dialog.message.csd .dialog-action-area button:last-child {
}
filechooser .dialog-action-box {
  border-top: 1px solid @borders;
}
filechooser #pathbarbox {
background-color:@theme_bg_color;
  border-bottom: 1px solid @borders;/*theme_base_color;*/
}
filechooserbutton > button > box {
  border-spacing: 6px;
}
filechooserbutton:drop(active) {
  box-shadow: none;
  border-color: transparent;
}
/***********
 * Sidebar *
 ***********/
.sidebar {
  background-color: @theme_base_color;
}
.sidebar:not(separator):dir(ltr),
.sidebar.left:not(separator),
.sidebar.left:not(separator):dir(rtl) {
  border-right: 1px solid @borders;
  border-left-style: none;
}
.sidebar:not(separator):dir(rtl),
.sidebar.right:not(separator) {
  border-left: 1px solid @borders;
  border-right-style: none;
}
.sidebar listview.view,
.sidebar list {
  background-color: transparent;
}
paned .sidebar.left,
paned .sidebar.right,
paned .sidebar.left:dir(rtl),
paned .sidebar:dir(rtl),
paned .sidebar:dir(ltr),
paned .sidebar {
  border-style: none;
}
stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
  border-bottom: none;
}
stacksidebar row {
  padding: 10px 4px;
}
stacksidebar row > label {
  padding-left: 6px;
  padding-right: 6px;
}
stacksidebar row.needs-attention > label {
  background-size: 6px 6px, 0 0;
}
stacksidebar row:selected {
  background-color: @color_600;
  border-radius: 5px;
  color: text_color;
  text-shadow: -0.1px    0px alpha(@text_color, 0.20),
		        0.1px    0px alpha(@text_color, 0.20),
		          0px  0.1px alpha(@text_color, 0.20),
		          0px -0.1px alpha(@text_color, 0.20),
	              0px   -1px alpha(@text_shadow_color, 0.12),
		          0px    1px alpha(@text_shadow_color, 0.4),
	              1px    0px alpha(@text_shadow_color, 0.12),
	             -1px    0px alpha(@text_shadow_color, 0.12);
}
stacksidebar row:selected:hover:dir(ltr), 
stacksidebar row:selected:hover:dir(rtl) {
  background-color: alpha(sidebar_text_color,0.8);
}
stacksidebar row:focus:focus-visible {
  outline-width: 0;
  background-color: @color_600;
  color: sidebar_text_color;
}
stacksidebar row.activatable:active,
stacksidebar row.activatable:selected:active {
  box-shadow: none;
}
separator.sidebar {
  background-color: @borders;
}
/**********************
 * Navigation Sidebar *
 **********************/
.navigation-sidebar {
  background-color: @menu_bg_color;
  background-image: linear-gradient(to top, 
                    transparent,
                    alpha(@shadows_dark,0.03),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.08), 
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.08),
                    alpha(@shadows_dark,0.06),
                    alpha(@shadows_dark,0.03),
                    transparent); 
  padding: 5px 0;
}
.navigation-sidebar > separator {
  margin: 5px;
}
.navigation-sidebar > row {
  background-color: transparent;
  border-radius: 4.66px;
  margin-left: 6px;
  margin-right: 6px;
  color: @sidebar_text_color;
  text-shadow: -0.1px    0px alpha(@sidebar_text_color, 0.20),
		        0.1px    0px alpha(@sidebar_text_color, 0.20),
		          0px  0.1px alpha(@sidebar_text_color, 0.20),
		          0px -0.1px alpha(@sidebar_text_color, 0.20),
	              0px   -1px alpha(@sidebar_shadow_text_color, 0.12),
		          0px    1px alpha(@sidebar_shadow_text_color, 0.4),
	              1px    0px alpha(@sidebar_shadow_text_color, 0.12),
	             -1px    0px alpha(@sidebar_shadow_text_color, 0.12);
  box-shadow: none;
  min-height:26px;
  padding: 0px; 
}
.navigation-sidebar > row:hover,
.navigation-sidebar > row:focus-visible:focus-within {
  color: @sidebar_text_color;
  text-shadow: -0.1px    0px alpha(@sidebar_text_color, 0.20),
		        0.1px    0px alpha(@sidebar_text_color, 0.20),
		          0px  0.1px alpha(@sidebar_text_color, 0.20),
		          0px -0.1px alpha(@sidebar_text_color, 0.20),
	              0px   -1px alpha(@sidebar_shadow_text_color, 0.12),
		          0px    1px alpha(@sidebar_shadow_text_color, 0.4),
	              1px    0px alpha(@sidebar_shadow_text_color, 0.12),
	             -1px    0px alpha(@sidebar_shadow_text_color, 0.12);
  background-color: transparent;
  background-image: image(alpha(@sidebar_text_color,0.08));
  /*background-image: linear-gradient(to right,alpha(@sidebar_text_color,0.10) 30px, alpha(@sidebar_text_color,0.07) 30px, alpha(@sidebar_text_color,0.08));*/
}
.navigation-sidebar > row:selected:focus-visible:focus-within:hover,
.navigation-sidebar > row:selected:focus-visible:focus-within,
.navigation-sidebar > row:selected, 
.navigation-sidebar > row:selected:hover {
  outline-width: 0;
  transition: none;
  background-color: transparent;
  /*background-image: linear-gradient(to right,shade(@color_accent_2,0.9) 30px, @color_accent_2 30px, @color_accent_2);*/
  background-image: image(@color_accent_2);
  color: @sidebar_selected_text_color;
  box-shadow: 0 1px 3px alpha(@shadows_dark, 0.2);
  text-shadow:    
				 -0.1px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0.1px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0px  0.1px alpha(@sidebar_selected_text_color, 0.2),
				  0px -0.1px alpha(@sidebar_selected_text_color, 0.2),
				  0px -1px alpha(@sidebar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@sidebar_selected_text_shadow_color, 0.4),
				  1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12);
}
/*.navigation-sidebar > row:selected:focus-visible:focus-within {
  outline-width: 0;
  color: #ffffff;
  background-color: #16a085;
}
.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
  background-color: #107360;*/
}
.navigation-sidebar > row:disabled {
  color: @disabled_text_color; 
  text-shadow: -0.1px    0px alpha(@disabled_text_color, 0.2),
		        0.1px    0px alpha(@disabled_text_color, 0.2),
		          0px  0.1px alpha(@disabled_text_color, 0.2),
		          0px -0.1px alpha(@disabled_text_color, 0.2),
		          0px   -1px alpha(@disabled_text_shadow_color, 0.12),
		          0px    1px alpha(@disabled_text_shadow_color, 0.4),
	              1px    0px alpha(@disabled_text_shadow_color, 0.12),
	             -1px    0px alpha(@disabled_text_shadow_color, 0.12);
}
/****************
 * File chooser *
 ****************/
row image.sidebar-icon {
  opacity: 0.7;
}

/* this should be more generic, only using .navigation-sidebar
   https://gitlab.gnome.org/GNOME/gtk/-/issues/2929
*/
placessidebar .navigation-sidebar > row {
  padding: 0;
}
placessidebar .navigation-sidebar > row > revealer {
  padding: 0 14px;
}
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
  padding-right: 8px;
}
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
  padding-left: 8px;
}
placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
  padding-right: 2px;
}
placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
  padding-left: 2px;
}
button.sidebar-button {
  min-height: 26px;
  min-width: 26px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0;
  border-radius: 100%;
}
placessidebar .navigation-sidebar > row:selected:active {
  box-shadow: none; 
}
placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
  padding: 0 8px;
  min-height: 2px;
  background-image: image(#2ec27e);
  background-clip: content-box;
}
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
  color: @color_600;
}
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
  color: #2ec27e;
  box-shadow: inset 0 1px #2ec27e, inset 0 -1px #2ec27e;
}
placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected {
  color: #ffffff;
  background-color: #2ec27e;
}
placesview .server-list-button > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(0turn);
}
placesview .server-list-button:checked > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(-0.5turn);
}
placesview > actionbar > revealer > box > box {
  border-spacing: 6px;
}
/*********
 * Paned *
 *********/
paned > separator {
  min-width: 1px;
  min-height: 1px;
  -gtk-icon-source: none;
  border-style: none;
  background-color: transparent;
  background-image: image(@borders_dark);
  background-size: 1px 1px;
}
paned > separator:selected {
  background-image: image(@color_600); }
paned > separator.wide {
  min-width: 5px;
  min-height: 5px;
  background-color: transparent;
  background-image: image(@borders_dark), image(@borders_dark);
  background-size: 1px 1px, 1px 1px; 
}
paned.horizontal > separator {
  background-repeat: repeat-y;
}
paned.horizontal > separator:dir(ltr) {
  margin: 0 -8px 0 0;
  padding: 0 8px 0 0;
  background-position: left;
}
paned.horizontal > separator:dir(rtl) {
  margin: 0 0 0 -8px;
  padding: 0 0 0 8px;
  background-position: right;
}
paned.horizontal > separator.wide {
  margin: 0;
  padding: 0;
  background-repeat: repeat-y, repeat-y;
  background-position: left, right;
}
paned.vertical > separator {
  margin: 0 0 -8px 0;
  padding: 0 0 8px 0;
  background-repeat: repeat-x;
  background-position: top;
}
paned.vertical > separator.wide {
  margin: 0;
  padding: 0;
  background-repeat: repeat-x, repeat-x;
  background-position: bottom, top;
}
/**************
 * GtkVideo *
 **************/
video {
  background: black;
}
video image.osd {
  min-width: 64px;
  min-height: 64px;
  border-radius: 32px;
}
/************
 * Tooltips *
 ************/
tooltip {
  padding: 6px 10px;
  border-radius: 8px;
  box-shadow: none;
}
tooltip.background {
  background-color: rgba(0, 0, 0, 0.8);
  background-clip: padding-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
}
tooltip > box {
  border-spacing: 6px;
}
/*****************
 * Color Chooser *
 *****************/
colorswatch {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
colorswatch {
  outline: 0 solid transparent;
  outline-offset: 6px;
}
colorswatch:focus:focus-visible {
  outline-color: alpha(@color_600,0.5);/*rgba(22, 160, 133, 0.5);*/
  outline-width: 4px;
  outline-offset: -2px;
}
colorswatch:drop(active), colorswatch {
  border-style: none;
}
colorswatch.top {
  border-top-left-radius: 5.5px;
  border-top-right-radius: 5.5px;
}
colorswatch.top > overlay {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
colorswatch.bottom {
  border-bottom-left-radius: 5.5px;
  border-bottom-right-radius: 5.5px;
}
colorswatch.bottom > overlay {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
colorswatch.left, 
colorswatch:first-child:not(.top) {
  border-top-left-radius: 5.5px;
  border-bottom-left-radius: 5.5px;
}
colorswatch.left > overlay, 
colorswatch:first-child:not(.top) > overlay {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
colorswatch.right, 
colorswatch:last-child:not(.bottom) {
  border-top-right-radius: 5.5px;
  border-bottom-right-radius: 5.5px;
}
colorswatch.right > overlay,
colorswatch:last-child:not(.bottom) > overlay {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
colorswatch.dark > overlay {
  color: white;
}
colorswatch.dark.activatable:hover > overlay {
  border-color: rgba(0, 0, 0, 0.8);
}
colorswatch.light > overlay {
  color: black;
}
colorswatch.light.activatable:hover > overlay {
  border-color: rgba(0, 0, 0, 0.5);
}
colorswatch:drop(active) {
  box-shadow: none;
}
colorswatch.light:drop(active) > overlay {
  border-color: #2ec27e;
  box-shadow: inset 0 0 0 2px #27a56b, inset 0 0 0 1px #2ec27e;
}
colorswatch.dark:drop(active) > overlay {
  border-color: #2ec27e;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #2ec27e; 
}
colorswatch > overlay {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
colorswatch.activatable:hover > overlay {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 
              inset 0 -1px rgba(0, 0, 0, 0.2);
}
colorswatch#add-color-button {
  border-radius: 5px 0 0 5px;
}
colorswatch#add-color-button:only-child {
  border-radius: 5px; 
}
colorswatch#add-color-button > overlay {
  color: @text_color;
  outline-color: alpha(@color_600, 0.5);
  border-color: @borders;
  background-image: linear-gradient(@button_color,@theme_base_color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
colorswatch#add-color-button.activatable:hover > overlay {
  color: @text_color;
  border-color: @borders;
  background-image: linear-gradient(@button_color, @button_color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
colorswatch:disabled {
  opacity: 0.5;
}
colorswatch:disabled > overlay {
  border-color: rgba(0, 0, 0, 0.6);
  box-shadow: none;
}
row:selected colorswatch {
  box-shadow: 0 0 0 2px @selected_text_color;
}
colorswatch#editor-color-sample {
  border-radius: 4px;
}
colorswatch#editor-color-sample > overlay {
  border-radius: 4.5px;
}
plane {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
              outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
plane {
  outline: 0 solid transparent;
  outline-offset: 6px;
}
plane:focus:focus-visible {
 outline-color: alpha(@color_600, 0.5);
  outline-width: 2px;
  outline-offset: 2px;
}
colorchooser .popover.osd {
  border-radius: 5px;
}
/********
 * Misc *
 ********/
.content-view {
  background-color: @theme_unfocused_bg_color;
}
.content-view:hover {
  -gtk-icon-filter: brightness(1.2);
}
.content-view .tile {
  margin: 2px;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.content-view .tile:active,
.content-view .tile:selected {
  background-color: transparent;
}
.content-view .tile:disabled {
  background-color: transparent;
}
.osd .scale-popup button.flat {
  border-style: none;
  border-radius: 5px;
}
.scale-popup button:hover {
  background-color: rgba(46, 52, 54, 0.1);
  border-radius: 5px;
}

/**********************
 * Window Decorations *
 *********************/
window {
  border-width: 0px;
}
window.csd {
  box-shadow: 0px 2px 6px 6px rgba(0,0,0,0.4),
                 0 0 1px 1px rgba(0,0,0,0.1);
  margin: 4px;
  border-radius: 6px;
}
window.csd:backdrop {
  box-shadow: 0px 2px 6px 6px rgba(0,0,0,0.4),
                 0 0 1px 1px rgba(0,0,0,0.1);
  transition: 200ms ease-out;
}
window.csd.popup {
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
window.csd.dialog.message {
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
window.csd.solid-csd {
  margin: 0;
  padding: 0;
  border: solid 1px @borders_dark;
  border-radius: 0;
  box-shadow: inset 0 0 0 3px @button_color, inset 0 1px rgba(0,0,0, 0.8);
}
window.csd.solid-csd:backdrop {
  box-shadow: inset 0 0 0 3px @button_color, inset 0 1px rgba(0,0,0, 0.8);
}
window.maximized,
window.fullscreen,
window.tiled, window.tiled-top,
window.tiled-left,
window.tiled-right,
window.tiled-bottom {
  border-radius: 0;
}
window.popup {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
window.ssd {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23);
}
tooltip.csd {
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}
.view:selected:focus,
.view:selected,
textview > text:selected:focus,
textview > text:selected,
textview > text > selection:focus, 
textview > text > selection,
iconview:selected:focus,
iconview:selected,
flowbox > flowboxchild:selected,
gridview > child:selected,
entry > text > selection, 
modelbutton.flat:selected,
spinbutton:not(.vertical) > text > selection,
spinbutton.vertical > text > text > selection,
spinbutton.vertical > text > selection,
columnview.view:selected:focus, 
columnview.view:selected,
treeview.view:selected:focus,
treeview.view:selected,
row:selected, calendar > grid > label.day-number:selected {
  background-color: @color_600;
}
label:selected,
.view:selected:focus,
.view:selected,
textview > text:selected:focus,
textview > text:selected,
textview > text > selection:focus,
textview > text > selection,
iconview:selected:focus,
iconview:selected,
flowbox > flowboxchild:selected,
gridview > child:selected,
entry > text > selection,
modelbutton.flat:selected,
spinbutton:not(.vertical) > text > selection,
spinbutton.vertical > text > text > selection,
spinbutton.vertical > text > selection,
columnview.view:selected:focus,
columnview.view:selected,
treeview.view:selected:focus,
treeview.view:selected,
row:selected,
calendar > grid > label.day-number:selected {
  color: @selected_text_color; }
label:disabled > selection,
label:disabled:selected,
.view:disabled:selected,
textview > text:disabled:selected:focus,
textview > text:disabled:selected,
textview > text > selection:disabled,
iconview:disabled:selected:focus,
iconview:disabled:selected, 
flowbox > flowboxchild:disabled:selected,
gridview > child:disabled:selected,
entry > text > selection:disabled,
modelbutton.flat:disabled:selected,
spinbutton:not(.vertical) > text > selection:disabled,
spinbutton.vertical > text > text > selection:disabled,
spinbutton.vertical > text > selection:disabled,
columnview.view:disabled:selected,
treeview.view:disabled:selected,
row:disabled:selected,
calendar > grid > label.day-number:disabled:selected {
  color: @color_400;
}
.monospace {
  font-family: monospace;
}
/**********************
 * Touch Copy & Paste *
 *********************/
 cursor-handle {

  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-style: none; }
  
cursor-handle.top {
    -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
cursor-handle.bottom {
    -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }

/*cursor-handle {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-style: none;
  min-width: 20px;
  min-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), 
                                url("assets/text-select-start@2.png"));
}
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"),
                                url("assets/text-select-end@2.png"));
}
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"),
                                url("assets/slider-horz-scale-has-marks-above@2.png"));
}
cursor-handle.top:hover:dir(ltr),cursor-handle.bottom:hover:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"),
                                url("assets/text-select-start-hover@2.png"));
}
cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"),
                                url("assets/text-select-end-hover@2.png"));
}
cursor-handle.insertion-cursor:hover:dir(ltr),
cursor-handle.insertion-cursor:hover:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"),
                                url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
}
cursor-handle.top:active:dir(ltr),
cursor-handle.bottom:active:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"),
                                url("assets/text-select-start-active@2.png"));
}
cursor-handle.bottom:active:dir(ltr),
cursor-handle.top:active:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"),
                                url("assets/text-select-end-active@2.png"));
}
cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
  -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"),
                                url("assets/slider-horz-scale-has-marks-above-active@2.png"));
}*/
shortcuts-section {
  margin: 20px;
}
.shortcuts-search-results {
  margin: 20px;
  border-spacing: 24px;
}
shortcut {
  border-spacing: 6px;
}
shortcut > .keycap {
  min-width: 20px;
  min-height: 25px;
  margin-top: 2px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  color: @text_color;
  background-color: @insensitive_base_color;
  border: 1px solid;
  border-color: @borders;
  border-radius: 5px;
  box-shadow: inset 0 -3px shade(@insensitive_base_color,0.9);
  font-size: smaller;
}
:not(decoration):not(window):drop(active):focus,
:not(decoration):not(window):drop(active) {
  border-color: @color_400;
  box-shadow: inset 0 0 0 1px @color_400;
  caret-color: @color_400;
}
stackswitcher > button.text-button {
  /*min-width: 100px;*/
}
stackswitcher.circular {
  border-spacing: 12px;
}
stackswitcher.circular > button.circular,
stackswitcher.circular > button.text-button.circular {
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}
/*************
 * App Icons *
 *************/
/* Outline for low res icons */
.lowres-icon {
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
}
/* Drapshadow for large icons */
.icon-dropshadow {
  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
}

/*********
 * Emoji *
 ********/
popover.emoji-picker > contents {
  padding: 0;
}
.emoji-searchbar {
  padding: 6px;
  border-spacing: 6px;
  border-bottom: 1px solid @borders;
}
.emoji-toolbar {
  padding: 6px;
  border-spacing: 6px;
  border-top: 1px solid @borders;
}
button.emoji-section {
  border-color: transparent;
  border-width: 3px;
  border-style: none none solid;
  border-radius: 0;
  padding: 3px 0 0;
  min-width: 32px;
  min-height: 28px;
  /* reset props inherited from the button style */
  background: none;
  box-shadow: none;
  text-shadow: none;
}
button.emoji-section:hover {
  border-color: @borders;
}
button.emoji-section:checked {
  border-color: @color_600;
}
popover.emoji-picker emoji {
  font-size: x-large;
  padding: 6px;
  border-radius: 6px;
}
popover.emoji-picker emoji:focus, 
popover.emoji-picker emoji:hover {
  background: @color_600;
}
emoji-completion-row > box {
  border-spacing: 10px;
  padding: 2px 10px;
}
emoji-completion-row:focus,
emoji-completion-row:hover {
  background-color: @color_600;
  color: @selected_text_color;
}
emoji-completion-row emoji:focus,
emoji-completion-row emoji:hover {
  background-color: @theme_unfocused_bg_color;
}
popover.entry-completion > contents {
  padding: 0;
}
statusbar {
  padding: 6px 10px 6px 10px;
}

/**** CSD window controls tweak ****/
/*windowcontrols button {
  margin: 0px;
  padding: 5px;*/
}

/**** reduce navigation-sidebar row height ****/
.navigation-sidebar > row {
  min-height: 30px;
  padding: 0 4px;
}
/*/**** scale slider tweaks ****/
/*scale > trough > slider {
  border-color: @borders;
}*/

/*@keyframes awesome {
100%{background-image: conic-gradient(from 1turn, pink,purple,magenta,green,yellow,pink);}}
headerbar{
background-image:conic-gradient(pink,purple,magenta,green,yellow,pink);
animation: awesome infinite linear 6s;}*/
/* DO NOT CHANGE ANYTHNG DOWN THE LINE HERE*/

@define-color color_100 shade(@color_accent,1.9);
@define-color color_200 shade(@color_accent,1.4);
@define-color color_400 shade(@color_accent,1.2);
@define-color color_500 shade(@color_accent,1.1);
@define-color color_600 @color_accent;
@define-color color_700 shade(@color_accent,0.9);
@define-color color_800 shade(@color_accent,0.8);
@define-color color_900 shade(@color_accent,0.7);
@define-color color_1000 shade(@color_accent,0.3);

